CSS余白の指定方法(margin､padding)

CSSでの余白設定方法。

marginとpaddingの使用方法

margin

外周(一番外側)の余白を指定する場合に使用

margin:数値(px等);
上右下左に同じ余白を指定する場合

margin: 上数値(px等) 右数値(px等) 下数値(px等) 左数値(px等);
上下左右の余白を個別に指定する

margin-top:数値(px等);
上余白を指定

margin-bottom:数値(px等);
下余白を指定

margin-left:数値(px等);
左余白を指定

margin-right:数値(px等);
右余白を指定

padding

要素の中の余白を指定する場合に使用

padding:数値(px等);
上右下左に同じ余白を指定する場合

padding: 上数値(px等) 右数値(px等) 下数値(px等) 左数値(px等);
上下左右の余白を個別に指定する

padding-top:数値(px等);
上余白を指定

padding-bottom:数値(px等);
下余白を指定

padding-left:数値(px等);
左余白を指定

padding-right:数値(px等);
右余白を指定