≪ 目次 ＜ プロパティ一覧 ［ 戻る ］ 使用例 ↓ outlineプロパティとの相違点 ＞
| 値 (value) |
以下の値を 半角空白で区切り、順不同で指定します。各値は省略可
| |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | 枠線の太さ: medium（中線） 色さ: 該当要素の有効なcolorプロパティ値 種類さ: none（枠線無し） | |
| 継承 | しません | |
| 値 (value) | none | 枠線無し。border-widthプロパティで ”0” を指定したのと等価。 |
| hidden | none と同じですが、TABLE要素で矛盾が発生する場合を除きます。 | |
| dotted | 点線 | |
| dashed | 破線 | |
| solid | 実線 | |
| double | ２本線。線の太さと線間は等しく、太さは、border-widthプロパティで指定します。 | |
| groove | 枠線の種類と太さ参照 | |
| ridge | ||
| inset | ||
| outset | ||
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | none （枠線無し） | |
| 継承 | しません | |
XXXX はスタイルシート記述です。
XXXX はHTML記述です。
XXXX 枠線が表示例です。
外枠全周の太さ、色、種類を一括指定します。
| .b0 | { | border | : | medium red | ; | } |
上記指定は、
| .b0 | { | border-top | : | medium red | ; | |
| border-right | : | medium red | ; | |||
| border-bottom | : | medium red | ; | |||
| border-left | : | medium red | ; | } |
と等価です。
0123456789
外枠が表示されていません。border-style プロパティの初期値が none（枠線無し）だからです。
| .b0 | { | border | : | medium red solid | ; | } |
と、外枠全周を 赤色の中太の実線と指定し直して表示します。
0123456789
枠線を表示する為には、border-style プロパティの指定が必要です。
-width で外枠全周の太を一括指定します。
-color で外枠全周の色を一括指定します。
-style で外枠全周の種類を一括指定します。
value で外枠全周の一括指定します。
value1 で上下の枠線、value2 で左右の枠線の指定をします。
value1 で上側の枠線、value2 で左右の枠線、value3 で下側の枠線の指定をします。
value1 で上側の枠線、value2 で右側の枠線、value3 で下側の枠線、value4 で左側の枠線の指定をします。