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>
廣告
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP