CSS paddingプロパティ
プロパティ定義と使用説明
padding ショートハンドプロパティは、1つの宣言で全てのパディングプロパティを設定します。このプロパティは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 |
|---|---|
| 継承： | no |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.padding="10px 5px" |
ブラウザ対応
表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
プロパティ値
| 值 | 説明 |
|---|---|
| length | ピクセル、センチメートルなどの具体的な単位でパディング値を指定します。デフォルト値は 0px |
| % | 親要素の幅に基づくパーセンテージでパディングを指定します。 |
| inherit | 親要素からパディングを継承することを指定します。 |
関連記事
CSS チュートリアル:CSS Padding
その他の拡張