padding-topプロパティ
padding-top プロパティは、エレメントの表示領域内の上側の余白を指定するプロパティです。 padding プロパティの上側だけを指定です。padding プロパティは、borderより中に設定されます。
指定値はCSS長さの単位
を参照してください。
padding-top: 2em;
詳しくは Example を参照してください
padding は、エレメントの表示領域内として扱われます。同じ様な機能をもつmargin プロパティは表示領域外として扱われます。
エレメント内に余白を設ける方法には、padding-bottom、padding-left、padding-right、paddingがあります。
ページ内 Index
構文(Syntax)
CSS
padding-top: length | initial | inherit;
DOM ( JavaScript )
String = object.style.paddingTop;
object.style.paddingTop="length | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| 0 | 初期値（default値） |
| length | CSS長さの単位 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | 0 |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
padding-topの例です。id="OVER"エレメントの内容の上側に空白が設定されます。
灰色の部分がpaddingになります。