border-top, border-right, border-bottom, border-left
- ブラウザ
上下左右の境界線
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」なので）。境界線を表示する場合は、この指定を省略しないようにしてください。
.example {
border-top: medium red solid;
border-right: thin lime double;
border-bottom: medium blue dotted;
border-left: thin black dashed;
}
