目录
outline 属性是在一条声明中设置多个轮廓属性的简写属性，例如 outline-style，outline-width 和 outline-color。
1、属性值
outline 属性可使用以下一个、两个或三个值（outline-style，outline-width 和 outline-color）来声明，且顺序不重要。
2、注意点
- outline 不占据空间，绘制于元素内容周围。
- 根据规范，outline通常是矩形，但也可以是非矩形的。
- 对于很多元素来说，如果没有设置样式，轮廓是不可见的。因为样式（style）的默认值是 none。但 input 元素是例外，其样式默认值由浏览器决定。
- 将 outline 设置为 0 或 none 会移除浏览器的默认聚焦样式。
- 如果一个元素可交互，这个元素必须有一个可见的聚焦提示。若移除了默认聚焦样式，记得提供一个显眼的聚焦样式。
3、outline-color
outline-color 被用于设置一个元素轮廓的颜色。
3.1、属性值
<color>
轮廓颜色，规则同color
- invert
反色，用于确认轮廓的显示。注意不是所有浏览器都支持该属性，若不则该属性无效。
3.2、注意点
元素轮廓是绘制于元素周围的一条线，位于border的外围，使元素突出。不像border，轮廓在元素的frame外绘制并且可能与其他元素重叠。而border不会出现这种现象(除非故意)。
4、outline-style
outline-style 被用于设置一个元素轮廓的样式。
4.1、属性值
- none
无轮廓
- dotted
轮廓为一系列点
- dashed
轮廓为一系列短线
- solid
轮廓为实线
- double
轮廓为两根有空隙的线。outline-width 为线与空间的总和。
- groove
轮廓呈凹下状
- ridge
与 groove相反：轮廓呈凸起状。
- inset
轮廓呈嵌入状
- outset
与 inset 相反：轮廓呈突出状
5、outline-width
outline-width 用于设置一个元素的轮廓的厚度。
5.1、属性值
-
长度
-
thin
取决于用户代理。通常等同于桌面浏览器的 1px
- medium
取决于用户代理。通常等同于桌面浏览器的 3px
- thick
取决于用户代理。通常等同于桌面浏览器的 5px
后记
