線の設定

ボーダー関連スタイルをまとめて指定する

<border>は、ボーダー関連スタイルをまとめて指定できます。
上下左右を異なるボーダーにしたい場合には、<margin-top>、<margin-bottom>、<margin-left>、<margin-right>を使用して上下左右それぞれのボーダーを指定してください。

スタイルの値

none（初期値）、hidden、solid（1本線）、double（2本線）、groove（立体的に窪んだ線）、rigde（立体的に隆起した線）、inset（領域全体が立体的に窪んだように表示）、outset（領域全体が立体的に隆起したように表示）、dashed（破線）、dotted（点線）

太さの値

数値、キーワード（thin、medium、thick）

ボーダー色の値

色（#000000などの記述やカラーネームで色指定）、transparent

サンプル

【border:solid 1px #0033FF】

【border:double 1px #0033FF】

【border:groove 3px #6699FF】

【border:ridge 3px #6699FF】

【border:inset 3px #6699FF】

【border:outset 3px #6699FF】

【border:dashed 1px #0033FF】

【border:dotted 1px #0033FF】