最終更新日 2021年6月13日

paddingプロパティ

paddingは、要素のパディングをまとめ指定するプロパティです。値は、長さのサイズ値またはパーセント値で指定します。パディングには、負の値を指定することはできません。

値を4個指定した場合、4つの値は、上、右、下、左のパディングをそれぞれ順に表します。

・値が3個の場合は、左右のパディングが同じ値を示す
・値が2個の場合は、上下、左右のパディングがそれぞれ同じ値を示す
・値が1個の場合は、上下左右のパディングがすべて同じ値を示す

なお、パディングの値をそれぞれ個別に指定する場合は、下記プロパティを使用します。

CSS3での変更点

特にありません

初期値	適用先	継承
各プロパティの初期値	すべての要素	なし

値	説明
長さの値	「5px」「3em」のように、数値に単位を付けて指定します。
パーセント値	「100%」のように、数値に「%」の単位を付けて、他の値に対する割合で示します。

サンプルコード

padding: 10px;
padding: 10px 10px;
padding: 10px 10px 10px;
padding: 10px 10px 10px 10px;

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。