padding（パディングの略記）

解説

上下左右のパディングをまとめて指定する属性です（個別に指定する属性は、padding-top、padding-right、padding-bottom、padding-leftです。）。

値	<length> <percentage> 指定は１値～４値の任意値の数と間隔との対応について
初期値	なし
%値の基準	親エレメントの幅
適用	すべてのエレメント
継承	しない

対応状況

全ての値

使用例

ソース

スタイル部に、

div{border:solid medium yellow;}
.px{padding:25px 50px;}
.percent{padding:5% 10%;}

と記述し、

body部に、

<div>マージン指定無し</div>
<div class="px">上下25px左右50pxのパディングです。</div>
<div class="percent">親エレメント幅500pxなので上下5%左右10%は上下25px左右50pxとなり上と同じパディングのはず。</div>

と記述すると。

表示＆操作

マージン指定無し

上下25px左右50pxのパディングです。

親エレメント幅500pxなので上下5%左右10%は上下25px左右50pxとなり上と同じパディングのはず。

　
と表示されます。