備忘録的プログラミングリファレンス

padding-bottomプロパティ

 padding-bottomプロパティは、エレメントの表示領域内の下側に設定される余白を指定するプロパティです。paddingはborderより中に設定されます。

 指定値は正数です。

エレメントの表示領域内の下側に余白(Exampleを参照
padding-bottom: 2em;

 エレメント内に余白を設ける方法には、padding-toppadding-leftpadding-rightpaddingがあります。

構文(Syntax)

CSS

padding-bottom: length | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.paddingBottom;
値の設定
object.style.paddingBottom="length | initial | inherit";

値(Values)

Value摘要
0初期値(default値)
lengthCSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)0
継承(Inherited)No
CSS AnimationYes

Example

 padding-bottomの例です。id="over"のエレメントにpadding-bottomが指定してあります。 子エレメントのid="contents"の下側にその指定分があります。

 灰色の部分がpaddingになります。