CSS padding プロパティ

<p> 要素のパディングを設定します：

p {
padding: 2cm 4cm 3cm 4cm;
}

定義と用法

ショートハンドプロパティは、1回の宣言で全てのpaddingプロパティを設定します. このプロパティは、1 ～ 4 個の値を設定することができます。

例：

padding:10px 5px 15px 20px;
- 上パディングは 10px
- 右パディングは 5px
- 下パディングは 15px
- 左パディングは 20px
padding:10px 5px 15px;
- 上パディングは 10px
- 右と左パディングは 5px
- 下パディングは 15px
padding:10px 5px;
- 上と下パディングは 10px
- 右と左パディングは 5px
padding:10px;
- 4つ全てのパディングは 10px

注: 負の値は使用できません。

デフォルト値：	0
継承：	継承する
アニメーション可否：	yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン：	CSS1
JavaScript 構文：	object.style.padding="100px 20px" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
padding	1.0	4.0	1.0	1.0	3.5

padding: length|initial|inherit;

値	説明	Play it
length	px、pt、cm 等でパディングを指定します。デフォルトは 0 です	Play it ❯
%	包含要素の幅の割合でパディングを指定します	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照