HTML Dog
跳至导航

CSS 属性:outline

围绕盒子的轮廓的宽度、样式和颜色。

一个复合属性,它组合了 outline-widthoutline-styleoutline-color

可能的值

一个空格分隔的列表,最多包含三个值,分别代表 outline-widthoutline-styleoutline-color。任何被排除的值都将默认为其初始值。

描述 示例
[宽度]
(等同于单个 outline-width 值)
  • 显式设置了宽度。
  • 样式默认为 none。
  • 颜色默认为初始值。
2px
[样式]
(等同于单个 outline-style 值)
  • 显式设置了样式。
  • 宽度默认为 medium。
  • 颜色默认为初始值。
solid
[颜色]
(等同于单个 outline-color 值)
  • 显式设置了颜色。
  • 宽度默认为 medium。
  • 样式默认为 none。
red
[宽度] [样式]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 颜色默认为初始值。
2px solid
[宽度] [颜色]
  • 显式设置了宽度。
  • 显式设置了颜色。
  • 样式默认为 none。
2px red
[样式] [颜色]
  • 显式设置了样式。
  • 显式设置了颜色。
  • 宽度默认为 medium。
solid red
[宽度] [样式] [颜色]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 显式设置了颜色。
2px solid red
inherit
initial
unset

示例


.mclaren { outline: 3px solid black; }

浏览器支持

Can I Use outline? 来自 caniuse.com 的关于 outline 功能在主流浏览器中支持情况的数据。