CSS padding-bottom 属性

定義と使用法

padding-bottom 属性は、要素の下内余白（底部の余白）を設定します。

説明

この属性は、要素の下内余白の幅を設定します。行内非代替要素に設定された下内余白は、行高の計算に影響を与えず、視覚的に他の行に延びることがあります。また、内余白と背景が設定されている場合、他のコンテンツと重なり合う可能性があります。負の内余白値を指定することは許可されていません。

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

も参照してください：

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

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

例

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

p
  {
  padding-bottom:2cm;
  }

自分で試してみる

（更多の例はページの下部にあります）

CSS 文法

padding-bottom: length|initial|inherit;

属性値

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

技術的な詳細

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

TIY 実例

下内余白を設定 1
この例では、センチ値を使用してセルの下内余白を設定する方法を示します。
下内余白を設定 2
この例では、パーセント値を使用してセルの下内余白を設定する方法を示します。

ブラウザのサポート

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

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