Home / CSSの基本 / ボックス

ボックス


ボックス(四角い領域)は、次の4つの部分から構成されます。

■ 内容 ( content )
要素の内容が表示される領域です。

■ 内容の周りの空間 ( padding )
要素の内容が表示される部分と枠線の間の空間部分の領域です。

■ 枠線 ( border )
要素の周りに表示させることのできる枠の部分を示します。

■ マージン ( margin )
ボックスの一番外側のマージン領域を示します。

::: ボックスの構成 :::

マージン(margin)


枠線(border)


内容の周りの領域(padding)


内容(content)


内容の周りの領域(padding)


枠線(border)


マージン(margin)




関連項目