CSS マージンと余白１．ボックスの構造 マージン、枠、余白の関係は下図のようになる。コンテンツと枠の間にある間隔が余白（padding）であり、枠の外側部分がマージン（margin）となる。 背景色や背景画像を設定した場合は、枠の内側に適用される。マージン部分は透過色となるため、背景は付かない。 ２．マージン、余白、枠線の設定 マージン指定 ｛ margin ： （マージンの長さ） ； ｝ 余白の指定 ｛ padding ： （余白の長さ） ； ｝ 枠の指定 ｛ border ： （線の太さ） （線のスタイル） （線の色） ； ｝ （例）マージン幅30px（ピクセル）、余白20px、枠の太さ5px（茶の実線）、背景色ライトグリーンのボックス。 div { margin : 30px ; padding : 20px ; border : 5px solid maroon ; backgro
