CSSにおけるborder-styleの属性

属性の可能な値
値
説明
none
境界なしを定義します.
hidden
「none」と同じです.ただし、テーブルに適用される場合を除き、テーブルの場合、hiddenは枠線の競合を解決するために使用されます.
dotted
点ボーダーを定義します.ほとんどのブラウザで実線として表示されます.
dashed
破線を定義します.ほとんどのブラウザで実線として表示されます.
solid
実線を定義します.
double
二重線を定義します.二重線の幅はborder-widthの値に等しい.
groove
3 D溝ボーダーを定義します.その効果はborder-colorの値に依存します.
ridge
3 D畝の枠線を定義します.その効果はborder-colorの値に依存します.
inset
3 D inset枠線を定義します.その効果はborder-colorの値に依存します.
outset
3 D outset枠線を定義します.その効果はborder-colorの値に依存します.
inherit
親要素から枠線スタイルを継承することを指定します.
 
例1

border-style:dotted solid double dashed; 

上枠は点状

右ボーダーは実線

下枠は二重線

である.

左枠は破線

である.
例2

border-style:dotted solid double;

上枠は点状

右枠と左枠は実線

である.

下枠は二重線

である.
例3

border-style:dotted solid;

上縁と下縁は点状

である.

右枠と左枠は実線

である.
例4

border-style:dotted;

すべての4つの枠線は点状

です.