目录

outline-color-style

描述 (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> 

这将产生以下结果 -

新页面打开
↑回到顶部↑
WIKI教程 @2018