※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃01:ボックスモデルとは
このチャプターでは、ボックスモデルを学習します。
ブラウザのレンタリングエンジンではそれぞれの要素を、レイアウトをコントロールするための構造である、ボックスモデルに基づいた長方形のボックスとして表現します。
CSSでは、これらボックスの寸法や位置、プロパティを決定することで、レイアウトを調整しています。
ボックスモデルでは、
・ コンテンツが表示される領域である「コンテンツ」
・ コンテンツの周囲に空白として配置する「パディング」
・ コンテンツとパディングを合わせた領域の境界として配置する「ボーダー」
・ ボックスモデルの最も外側に、空白として配置する「マージン」
の領域を持ちます。