CSS border-style屬性用于設置元素邊框的樣式。它可以設置元素的四個邊框的樣式,也可以單獨設置某個邊框的樣式。
border-style屬性有以下取值:
- none:沒有邊框
- solid:實線邊框
- dotted:點狀邊框
- dashed:虛線邊框
- double:雙線邊框
- groove:3D凹槽邊框
- ridge:3D凸起邊框
- inset:3D嵌入邊框
- outset:3D浮雕邊框
- hidden:隱藏邊框(與none類似,但可能會影響布局)
可以使用border-style屬性的簡寫形式設置所有四個邊框的樣式。例如,border-style: solid; 將為元素的四個邊框設置實線樣式。也可以使用border-top-style、border-right-style、border-bottom-style和border-left-style屬性分別設置單獨的邊框樣式。
示例:
```css
.border-example {
border-style: dotted; /* 設置實線邊框 */
}
.border-top-example {
border-top-style: dashed; /* 設置頂部邊框為虛線 */
}
.border-right-example {
border-right-style: double; /* 設置右側邊框為雙線 */
}
```
注意:border-style屬性只設置邊框的樣式,要完整定義邊框,還需要使用border-width和border-color屬性來設置邊框的寬度和顏色。