ボーダー・線CSSプロパティの詳細とデモ

border-styleプロパティ - [公式(英語)]

ボーダーのスタイルを指定

上下左右を異なったスタイルにしたい場合には、スペースで区切って複数の値を指定します

ブラウザのサポート状況

Internet Explorer 6 Internet Explorer 7 Internet Explorer 8 Internet Explorer 9 Firefox Google Chorme Safari Opera

プロパティ

noneボーダーは表示されず、太さも0に
hiddenボーダーは表示されず、太さも0に
dotted点線
dashed破線
solid1本の実線
double2本の実線
groove立体的に窪んだ線
ridge立体的に隆起した線
insetボーダーで囲まれた領域全体が立体的に窪んだように表示
outsetボーダーで囲まれた領域全体が立体的に隆起したように表示