border-top, border-right, border-bottom, border-left
上下左右の境界線
| ブラウザ |
|
|---|---|
| 適用対象 | |
| 継承 | 継承しない |
| 初期値 | 各プロパティの初期値を参照 |
| メディア |
|
境界線の太さ、色、スタイルを一括で指定するプロパティです。（上下左右の境界線を個別に設定します）
border-top: 2px #ff0000 solid;
border-right: 4px #00ff00 double;
border-bottom: 6px #0000ff dotted;
border-left: 8px #000000 dashed;
| プロパティ名 | 値 | 説明 |
|---|---|---|
border-top （上）
border-right （右）
border-bottom （下）
border-left （左） |
border-width の値 | 境界線の太さを指定 |
| border-color の値 | 境界線の色を指定 | |
| border-style の値 | 境界線のスタイルを指定 |
- それぞれの値は、半角スペースで区切って記述します。
- 記述する順序は自由で、必要のない指定は省略することもできます。
- 境界線スタイルの指定を省略すると、境界線が表示されなくなってしまいます（初期値が
noneなので）。境界線を表示する場合は、この指定を省略しないようにしてください。
- このプロパティに関連する目的別リファレンス
- 境界線の設定をひとまとめに行う
- リンクテキストの下線を変更する