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等);
右余白を指定
コメント