CSS padding-left 属性

定義と使用法

padding-left 属性は要素の左内余白（余白）を設定します。

説明

この属性は、要素の左内余白の幅を設定します。インライン非代替要素上で設定された左内余白は、要素が生成する最初のインラインボックスの左側にのみ表示されます。

コメント：負の値を使用することは許可されていません。

も参照してください：

CSS チュートリアル：CSS 内边距

HTML DOM リファレンスマニュアル：paddingLeft 属性

例

p要素の左内余白を設定：

p
  {
  padding-left:2cm;
  }

自分で試してみる

（ページの下部にさらに例があります）

CSS 文法

padding-left: length|initial|inherit;

属性値

値 説明
length 具体的な単位（ピクセル、センチメートルなど）で左内余白の固定値を指定します。デフォルト値は 0px です。
% 親要素の幅に基づくパーセントで左内余白を定義します。この値は、すべてのブラウザで予想通りに動作しません。
inherit 親要素から左内余白を継承するべきです。

技術的詳細

デフォルト値： 0
継承性： no
バージョン： CSS1
JavaScript 文法： object.style.paddingLeft="10px"

TIY 実例

左内余白を 1 に設定
この例では、セミコロンを使用してセルの左内余白を設定する方法を示します。
左内余白を 2 に設定
この例では、百分比值を使用してセルの左内余白を設定する方法を示します。

ブラウザのサポート

このテーブルの数字には、この属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5