outline-style屬性指定圍繞元素的線條的樣式。它可以采用以下值之一 –
- 無 – 無邊框。 （相當于輪廓寬度：0；）實線 – 輪廓是一條實線。點線 – 輪廓是一系列點。虛線 – 輪廓是一系列短線。雙 – 輪廓是兩條實線線條。凹槽 – 輪廓看起來好像是刻在頁面上的。脊 – 輪廓看起來與凹槽。插入 – 輪廓使框看起來像是嵌入在頁面中。開始 – 輪廓使框看起來像嵌入在頁面中。框看起來像是從畫布中出來的。隱藏 – 與無相同。
示例
您可以嘗試運行以下代碼來實現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>
登錄后復制
以上就是CSS 輪廓樣式屬性的詳細內容，更多請關注www.92cms.cn其它相關文章！
