詳解 HTML&CSS&JavaScript辞典 第6版

CSSパート - ボックスについて

登録タグ
Icon comment count 0
Icon stock count 0

ボックスについて

各要素は、ボックスと呼ばれる四角い領域を生成します。この領域は、次の4つの部分から構成されています。

ボックスの構造

・内容(content)

テキストや画像などの、要素の内容が表示される領域です。この領域の幅と高さは、widthプロパティとheightプロパティで指定することができます。

・内容の周りの空間(padding)

内容が表示される部分と枠線の間の空間部分の領域です。要素に対して指定された背景は、この領域にも描画されます。

・枠線(border)

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

・マージン(margin)

ボックスの一番外側のマージン領域を示します。要素に対して指定された背景は、ここには表示されず、背景は常に透明となります。

出典情報

Medium

詳解 HTML&CSS&JavaScript辞典 第6版

  • 著者: 大藤幹、半場万人

コメント

    コメントはありません