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