コンテンツ領域 パディング領域 ボーダー領域 マージン領域 個別に指定 ボックスサイズの算出方法を定義 サイズを定義する値 コンテンツ領域 要素名{width:値;} 要素名{height:値;} 詳細記事へ⇒ パディング領域 要素名{padding:値;} 詳細記事へ⇒ ボーダー領…

マージン領域（外余白）を定義 上下マージンの算出方法 上下パディング・マージンの違い 親子マージンの算出方法 左右マージンの「auto」 マージン領域（外余白）を定義 要素名{ margin:値; } 値が1つの場合・・・margin:上下左右の値; 値が2つの場合・・・m…

ボックス構造 ボーダー領域の種類（線種）を定義 ボーダー領域の幅を定義 ボーダー領域の色を定義 ボーダー領域を一括定義 ボーダーを角丸にする ボックス構造 ボーダー領域の種類（線種）を定義 要素名{ border-style:値; } none solid double dashed botte…

ボックス構造 コンテンツ領域の幅を定義 コンテンツ領域の高さを定義 ボックス構造 コンテンツ領域の幅を定義 要素名{ width:値; } コンテンツ領域の高さを定義 要素名{ height:値; }

パディング領域（内余白）を定義する パディング領域（内余白）を定義する 要素名{ padding:値; } ※個別に設定することも可能