Cascading Style Sheets解説
Properties・ボックス関連[2]
- 値：
- <border-width> || <border-style> || <border-color>
- 初期値：
- 各プロパティの初期値
- 適用対象：
- 全要素
- 継承：
- されない
解説：
ボーダーの幅、スタイル、色を一括で指定します。それぞれの名前が示す部位に適用されます。
例：
dl{border-top: thin solid #606060}
- 値：
- <単位指定> | <パーセント> | auto
- 初期値：
- 0
- 適用対象：
- 全要素
- 継承：
- されない
- <パーセント>：
- 上位要素の上部マージンに対する比率
- マイナス値：
- 可能
解説：
要素に対する余白を指定します。その要素のボーダーの外側に設定されます。それぞれの名前が示す部位に適用されます。
マージン領域は常に透明なので、親要素が透けて見えます。
例：
p{margin-top: 1em}
- 値：
- <単位指定> | <パーセント>
- 初期値：
- 0
- 適用対象：
- 全要素
- 継承：
- されない
- <パーセント>：
- 上位要素の幅に対する比率
- マイナス値：
- 不可
解説：
要素に対する余白を指定します。その要素のボーダーの内側に設定されます。それぞれの名前が示す部位に適用されます。
パディング領域には要素自身と同じ背景が用いられます。
例：
p{padding-top: 1em}
border-top-width 上部ボーダーの幅
border-right-width 右側ボーダーの幅
border-bottom-width 下部ボーダーの幅
border-left-width 左側ボーダーの幅
- 値：
- thin | medium | thick | <単位指定>
- 初期値：
- medium
- 適用対象：
- 全要素
- 継承：
- されない
- マイナス値：
- 不可
解説：
ボーダーの幅を指定します。
同時に「border-style」も指定しなければボーダーは表示されません（「border-style」の初期値が「none」のため）。それぞれの名前が示す部位に適用されます。
| 値 | 意味 |
|---|
| thin | 細い |
| medium | 普通 |
| thick | 太い |
例：
p{border-top-width: thin}
[Back(b)][Cover(c)]