CSS 輪廓樣式屬性
- WBOY轉載
- 2023-09-19 09:25:021455瀏覽
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 輪廓樣式屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除