“border”プロパティ:境界線

概要

“border”プロパティは要素の境界線の太さ、見た目、色を指定する以下のプロパティの一括指定プロパティです。

• “border-width”プロパティ
• “border-style”プロパティ
• “border-color”プロパティ

“margin”プロパティや“padding”プロパティとは異なり、“border”プロパティで四辺の境界線を一辺ずつ指定することはできません。境界線を一辺ずつ指定するには“border-top”プロパティ、“border-right”プロパティ、“border-bottom”プロパティ、“border-left”プロパティを使用します。

サンプルコード

値

“<line-width>”値、“<line-style>”値、“<color>”値をホワイトスペースで区切って1個ずつ指定できます。値を記述する順番は自由で、初期値のままで良い値は省略できます。ただし、“<line-style>”値を指定しない場合は既定値が境界線を表示しない“none”のため、境界線が表示されません。

仕様書

定義されている仕様書

border

<line-width>
<line-style>
<color>

境界線を指定する

div {

border: 5px dotted rgb(204,153,204);

}

border: 5px dotted rgb(204,153,204);