CSS padding-top 属性

定義と使用法

padding-top 属性は、要素の上内側マージン（スペース）を設定します。

説明

この属性は、要素の上内側マージンの幅を設定します。インライン非置換要素に設定された上内側マージンは、行高の計算に影響を与えず、視覚的に他の行にまで延びることがあります。また、他のコンテンツと重なることがあります。負の内側マージン値を指定することは許可されていません。

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

参照もしてください：

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

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

例

p要素の上内側マージンを設定：

p
  {
  padding-top:2cm;
  }

自分で試してみる

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

CSS 语法

padding-top: length|initial|inherit;

属性値

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

技術詳細

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

TIY 実例

上内側マージンを 1 に設定
この例では、セルの上内側マージンをセンチメートルで設定する方法を示します。
上内側マージンを 2 に設定
この例では、セルの上内側マージンをパーセントで設定する方法を示します。

ブラウザのサポート

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

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