プログラミング覚え書き

WEB製作覚え書き

ノート代わりに勉強した内容をまとめています。

CSS:マージン領域(外余白)を定義

 

 

マージン領域(外余白)を定義

要素名{

  margin:値;

}

値が1つの場合・・・margin:上下左右の値;

値が2つの場合・・・margin:上下の値 左右の値;

値が3つの場合・・・margin:上の値 横の値 下の値;

値が4つの場合・・・margin:上の値 右の値 下の値 左の値;

f:id:midori_x:20191215230854p:plain

 ※個別に設定することも可能

  f:id:midori_x:20191215231400p:plain

 

 

上下マージンの算出方法

f:id:midori_x:20191215232247p:plain

 

 

上下パディング・マージンの違い

f:id:midori_x:20191215232444p:plain

 

 

親子マージンの算出方法

f:id:midori_x:20191215232626p:plain

 

 

左右マージンの「auto」

f:id:midori_x:20191215232721p:plain