要素の内側の余白を指定するプロパティです。コンテンツと境界線の間のスペースを調整し、クリック領域の拡大やデザインの余白調整に使用します。上下左右を個別に指定できます。
padding: <length> | <percentage>.element {
padding: 16px;
}padding: 16px;全方向に16pxの内側余白
padding: 12px 24px;上下12px、左右24pxの内側余白
padding: 8px 16px 12px 20px;上8px、右16px、下12px、左20pxの内側余白
ボックスサイズに含まれるため、幅の計算に注意。box-sizing: border-boxが便利。
全ブラウザ対応