{ border-top-style 【 ボーダー・トップ・スタイル 】 :スタイル; }

{ border-right-style 【 ボーダー・ライト・スタイル 】 :スタイル; }

{ border-bottom-style 【 ボーダー・ボトム・スタイル 】 :スタイル; }

{ border-left-style 【 ボーダー・レフト・スタイル 】 :スタイル; }

border-style系のプロパティは、ボーダーのスタイルを指定します。それぞれ上辺、右辺、下辺、左辺に対応しています。

初期値	none
継承	なし
適用される要素	すべての要素
モジュール	Backgrounds and Borders Module Level 3

値の指定方法

スタイル

none	ボーダーは表示されません。他のボーダーと重なる場合、他の値が優先されます。
hidden	noneと同様に表示されませんが、他のボーダーと重なる場合、この値が優先されます。
dotted	点線で表示されます。
dashed	破線で表示されます。
solid	1本の実線で表示されます。
double	2本の実線で表示されます。ボーダーの幅が3px以上必要になります。
groove	立体的にくぼんだ線で表示されます。
ridge	立体的に隆起した線で表示されます。
inset	四辺すべてに指定すると、ボーダーの内部が立体的にくぼんだように表示されます。
outset	四辺すべてに指定すると、ボーダーの内部が立体的に隆起したように表示されます。

サンプルコード

border-styleプロパティを参照してください。