ボックスについて
CSSでは、
すべての要素には自分の周囲を囲む長方形の
「ボックス」
を持つと考えます。
ボックスは、いくつかの部分から構成されています。
- margin(マージン)
- 隣り合う要素との境界までの空白です。
- border(枠線)
- 要素のまわりに表示させることができる、枠の部分です。
- padding(内容のまわりの空間)
- 内容が表示される部分と、枠線との間の、スペースの部分です。
要素に対して指定した背景は、この部分に描かれます。
- content(内容)
- 文字や画像などの要素が表示される部分です。
次へ進んでください。