CSS outline-color 属性

outline-color

outline-color 属性用于设置元素的轮廓颜色。

语法

outline-color: invert|currentColor|transparent|#RRGGBB|initial|inherit;

• invert: 设置轮廓颜色为背景颜色的反色。
• currentColor: 设置轮廓颜色为当前文本颜色。
• transparent: 设置轮廓颜色为透明。
• #RRGGBB: 设置轮廓颜色为指定的十六进制颜色值。
• initial: 设置轮廓颜色为默认值。
• inherit: 继承父元素的轮廓颜色。

示例

// www.javascriptcn.com code example
/* 设置轮廓颜色为红色 */
div {
  outline-color: red;
}

/* 设置轮廓颜色为当前文本颜色 */
div {
  outline-color: currentColor;
}

/* 设置轮廓颜色为透明 */
div {
  outline-color: transparent;
}

注意事项

• outline-color 只能用于设置元素的轮廓颜色，不会影响元素的布局或大小。
• 当元素设置了 outline 属性时，outline-color 会覆盖 outline 中的颜色值。