Skip to main content

外轮廓 outline

Docs

简介​

CSS 的 outline 属性是在一条声明中设置多个轮廓属性的简写属性，例如 outline-style, outline-width 和 outline-color。

  • outline 表示元素的外轮廓

    • 不占用空间
    • 默认显示在 border 的外面

  • outline 相关属性有

    • outline-width: 外轮廓的宽度。没有设置时默认值为 medium。参见 outline-width。
    • outline-style：设置轮廓的样式。没有设置时默认值为 none。参见 outline-style。取值跟 border 的样式一样，比如 solid、dotted。
    • outline-color: 外轮廓的颜色。没有设置时默认值为 currentcolor。参见 outline-color。
    • outline：outline-width, outline-style, outline-color 的简写属性，跟 border 用法类似

  • 应用实例

    • 去除 a 元素、input 元素的 focus 轮廓效果

  • border 和 outline 区别：

    • outline 不占据空间，绘制于元素内容周围。
    • 根据规范，outline 通常是矩形，但也可以是非矩形的。

详细解释​

单词读音​