該border-style
屬性指定要顯示的邊框類型。
允許使用以下值:
dotted
- 定義一個虛線邊框dashed
- 定義虛線邊框solid
- 定義一個實心邊框double
- 定義雙邊框groove
- 定義一個 3D 凹槽邊界。效果取決於邊框顏色值ridge
- 定義 3D 脊狀邊框。效果取決於邊框顏色值inset
- 定義 3D 內嵌邊框。效果取決於邊框顏色值outset
- 定義 3D 起始邊界。效果取決於邊框顏色值none
- 定義無邊框hidden
- 定義一個隱藏的邊框
該border-style
屬性可以有 1 到 4 個值(用於上邊框、右邊框、下邊框和左邊框)。
例子
不同邊框樣式的演示:
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}