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

padding-leftプロパティ

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

 指定値は正数です。

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

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

構文(Syntax)

CSS

padding-left: length | initial | inherit;

DOM(JavaScript)

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

値(Values)

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

備考(Remarks)

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

Example

 padding-leftの例です。id="OVER"エレメントの内容の右側に空白が設定されます。

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