CSS 轮廓 outline-style 属性

描述

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

可能的值

none - 不画轮廓。
dotted - 轮廓以一系列点画出。
dashed - 轮廓以一系列短线段画出。
solid - 轮廓以单一不中断的线条画出。
double - 轮廓以一对不中断的线条画出。
groove - 轮廓以看似在文档表面刻成的沟槽方式画出。
ridge - 轮廓以看似在文档表面推起的脊形方式画出。
inset - 轮廓以看似整个元素将文档表面推离用户的方式画出。
outset - 轮廓以看似整个元素将文档表面推向用户的方式画出。

适用于

所有HTML元素。

DOM语法

object.style.outlineStyle = "solid";

示例

这是一个示例−

<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>

这将产生以下结果−

CSS 轮廓 outline-style 属性