border
境界線関連をまとめて指定
border: 値;
境界線の太さ、色、スタイルを一括で指定するプロパティです。(上下左右の境界線を同時に設定します)
border: 1px #ff0000 solid;
プロパティ名 | 値 | 説明 |
---|---|---|
border | border-width の値 | 境界線の太さを指定 |
border-color の値 | 境界線の色を指定 | |
border-style の値 | 境界線のスタイルを指定 |
- それぞれの値は、半角スペースで区切って記述します。
- 記述する順序は自由で、必要のない指定は省略することもできます。
- 境界線スタイルの指定を省略すると、境界線が表示されなくなってしまいます(初期値が「none」なので)。境界線を表示する場合は、この指定を省略しないようにしてください。
.example {
border: medium red dotted;
}