padding-bottom プロパティ
padding-bottom プロパティは、エレメントの表示領域内の下側に設定される余白を指定するプロパティです。paddingはborderより中に設定されます。
指定値は正数です。
padding-bottom: 2em;
エレメント内に余白を設ける方法には、padding-top、padding-left、padding-right、paddingがあります。
ページ内 Index
構文(Syntax)
CSS
padding-bottom: length | initial | inherit;
DOM ( JavaScript )
String = object.style.paddingBottom;
object.style.paddingBottom="length | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| 0 | 初期値（default値） |
| length | CSS長さの単位 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | 0 |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
padding-bottomの例です。id="over"のエレメントにpadding-bottomが指定してあります。 子エレメントのid="contents"の下側にその指定分があります。
灰色の部分がpaddingになります。