元素轮廓颜色 outline-color
Docs
元素轮廓颜色
outline-color CSS 属性 被用于设置一个元素轮廓的颜色。
大多时候使用outline而不是 outline-style, outline-width 和 outline-color会更方便。
元素轮廓是绘制于元素周围的一条线，位于 border 的外围，使元素突出。不像 border，轮廓在元素的 frame 外绘制并且可能与其他元素重叠。而 border 不会出现这种现象 (除非故意).
/* <color> values */
outline-color: #f92525;
outline-color: rgb(30, 222, 121);
outline-color: blue;
/* Keyword value */
outline-color: invert;
/* Global values */
outline-color: inherit;
outline-color: initial;
outline-color: unset;
取值
<color>: 轮廓颜色，规则同<color>.invert: 反色，用于确认轮廓的显示。注意不是所有浏览器都支持该属性，若不则该属性无效。
语法
outline-color =
[ <color> | <1d-image> ] |
invert
<1d-image> =
<stripes()>
<stripes()> =
stripes( <color-stripe># )
<color-stripe> =
<color> &&
[ <length-percentage> | <flex> ]?
<length-percentage> =
<length> |
<percentage>
规范
