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

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

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

ボーダーのスタイルをまとめて指定する際には、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ボーダーで囲まれた領域全体が立体的に隆起したように表示