borderプロパティ
borderプロパティは、すべての辺のボーダーの色、種類、太さを同時に設定します。
border-width、
border-style、
およびborder-colorプロパティの一括指定です。
個別のプロパティとは異なり、4辺それぞれに異なるボーダーを一度に設定することはできず、すべての辺に同じボーダーを設定します。
構文
セレクタ {
border: 太さ 種類 色;
}
値の順序は任意です。
例
要素に太さ1pxの黒いボーダーを設定してみましょう：
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
関連項目
-
左ボーダーを設定する
border-leftプロパティ -
右ボーダーを設定する
border-rightプロパティ -
上ボーダーを設定する
border-topプロパティ -
下ボーダーを設定する
border-bottomプロパティ -
要素のアウトラインを設定する
outlineプロパティ -
ボーダーの角を丸くする
border-radiusプロパティ
