CSS outline-style 属性

outline-style 属性指定环绕元素的外围线样式。它可以采用以下值之一 −

  • none − 无边框。（相当于 outline-width:0;）
  • solid − 外围线是一条实线。
  • dotted − 外围线是一系列点。
  • dashed − 外围线是一系列短线。
  • double − 外围线是两条实线。
  • groove − 外围线看起来好像是雕刻在页面中的。
  • ridge − 外围线看起来和沟槽相反。
  • inset − 外围线使该框看起来像是嵌入在页面中。
  • outset − 外围线使该框看起来像是从画布中突出出来的。
  • hidden − 等效于 none。

示例

你可以尝试运行以下代码来实现属性 −

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

更新于：2020-03-04

192 次浏览

开始你的职业

完成课程，获得认证

开始
广告