CSS - outline-color 属性_CSS 菜鸟教程

CSS outline-color 属性设置元素周围轮廓的颜色。

可能的值

<color> - 任何有效的颜色值。颜色可以是任何名称、十六进制、RGB、HSL。
invert - 轮廓对绘制它的区域执行颜色反转。请注意，浏览器不需要支持此值;如果它们不支持，则此关键字将被视为无效。

适用于

所有 HTML 元素。

DOM 语法

object.style.outlineColor = "red";

CSS outline-color - <color> 值

这是个例子 -

<html>
<head>
</head>
<body>
   <p style = "outline-width:thin; outline-style:solid;outline-color:red">
      outline-color is set to red outline.
   </p>
   <p style = "outline-width:thin; outline-style:dashed;outline-color:#009900">
      outline-color is set to HEX color as outline.
   </p>
   <p style = "outline-width:thin;outline-style:dotted;outline-color:rgb(13,33,232)">
      outline-color is set to RGB color as outline.
   </p>
   <p style = "outline-width:thin;outline-style:solid;outline-color:hsl(2, 100%, 50%)">
      outline-color is set to HSL color as outline.
   </p>
   <p style = "outline-width:thin;outline-style:solid;outline-color:invert">
      outline-color is set to invert as outline.
   </p>
</body>
</html>

<< CSS - outline 属性 CSS - outline-offset 属性 >>