padding-leftプロパティ。

CSSに於けるボックスの左パディング幅・padding-leftプロパティに関する解説です。

padding-leftプロパティとは。

padding-leftプロパティは、ボックスの左パディング幅です。

パディングについての詳細はボックスについてをご覧下さい。

padding-leftプロパティの扱い。

読み飛ばす

padding-leftプロパティの書式。

padding-leftプロパティの書式は、以下のようになります。

padding-left: 値

値としては、以下のものが取れます。

読み飛ばす

inherit: 一番近い上位要素で指定された値を継承します。
auto: ボックスの幅に合わせて自動的に設定されます。
パーセンテージ: ボックスの幅を100％とするパーセンテージです。
数値: 幅を数値で指定します。

値としては負の値は許されません。

尚、デフォルト値は零です。

padding-leftプロパティの記述例。

読み飛ばす

例えば、HTMLの <p>要素において、左だけ一文字分のパディングを取りたい場合は、

p {
    padding-left: 1em;
    }

と記述します。

この場合、右及び上下のパディングは零となります。

padding-leftプロパティに関する注意事項。

paddingプロパティに関する注意事項をお読み下さい。

関連項目。

しらぎくのウェブサイト作成入門サイトマップ