outline-color-style

优质

小牛编辑

120浏览

2023-12-01

描述 (Description)

outline-color属性确定元素周围轮廓的样式。

可能的值 (Possible Values)

none - 没有绘制轮廓。
dotted - 轮廓绘制为一系列点。
dashed - 轮廓绘制为一系列短线段。
solid - 轮廓绘制为单个不间断线。
double - 轮廓绘制为一对不间断的线条。
groove - 绘制轮廓，好像它是刻在文档表面的沟槽。
ridge - 绘制轮廓，好像它是一个向上推动文件表面的脊。
inset - 绘制轮廓，就像整个元素将文档表面推离用户一样。
outset - 绘制轮廓，好像整个元素将文档的表面推向用户。

适用于 (Applies to)

所有HTML元素。

DOM语法 (DOM Syntax)

object.style.outlineStyle = "solid";

例子 (Example)

这是一个例子 -

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid  outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   </body>
</html>

这将产生以下结果 -