ボックスの内部の余白幅を指定する

padding:
	サイズ
	[サイズ
	 [サイズ
	  [サイズ]]]
;
指定する数によって、
２つなら上下、左右の順、
３つなら上、左右、下の順
４つなら上、右、下、左の順に指定します。
個別に設定する事もできます。
padding-top:上の枠線;
padding-bottom:下の枠線;
padding-left:左の枠線;
padding-right:右の枠線;
設定する値は同じです。

戻る

段落内の余白を設定するものです。余白には段落内の余白を設定するパディング(内余白)と段落間の余白を設定するマージン(外余白)があります。

div{padding:5%}

div{padding:16px}

div{padding:0.5cm}

div{padding:3em}

pre{
	padding:
		16px
		32px
}

pre{
	padding:
		16px
		32px
		4px
}

pre{
	padding-top:	16px;
	padding-right:	32px;
	padding-bottom:	4px;
	padding-left:	64px;
}

IEでもNNでも下余白に付いては望みどおりの結果が得られない事があるようです。

このページのサンプルはすべて次のスタイルを継承しています。

.paddingsample{
	background-color:lightcyan;
	border-style:solid;
	border-color:green;
	border-width:thin;
}

緑色部分は次のスタイルを継承しています。

.paddinginner{
	background-color:palegreen;
	border:1px;
}