CSS 輪廓偏移
CSS 輪廓偏移
outline-offset 屬性在輪廓與元素的邊緣/邊框之間新增空間。元素與其輪廓之間的空間是透明的。
以下示例指定輪廓在邊框邊緣外 15px
此段落的輪廓在邊框邊緣外 15px。
示例
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
自己動手試一試 »
以下示例顯示元素與其輪廓之間的空間是透明的
此段落的輪廓在邊框邊緣外 15px。
示例
p {
margin: 30px;
background: yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
自己動手試一試 »
所有 CSS 輪廓屬性
| 屬性 | 描述 |
|---|---|
| outline | 用於在一個宣告中設定輪廓寬度、輪廓樣式和輪廓顏色的簡寫屬性 |
| outline-color | 設定輪廓的顏色 |
| outline-offset | 指定輪廓與元素邊緣或邊框之間的空間 |
| outline-style | 設定輪廓的樣式 |
| outline-width | 設定輪廓的寬度 |
