CSS outline-style 属性


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

  • none − 无边框。(相当于 outline-width:0;)
  • solid − 边框为单根实线。
  • dotted − 边框为一系列点。
  • dashed − 边框为一系列短线。
  • double − 边框为两根实线。
  • groove − 边框看起来像是刻在页面上。
  • ridge − 边框看起来与凹槽相反。
  • inset − 边框让盒子看起来像是嵌入在页面中。
  • outset − 边框让盒子看起来像是从画布中凸出来。
  • hidden − 与 none 相同。

示例

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

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

更新时间:04-Mar-2020

193 次浏览

事业开端

通过完成课程考取证书

开始
广告