CSS margin-top 属性

定義と使用方法

margin-top 属性は、要素の上端マージンを設定します。

注釈：負の値の使用も許可されています。

も参照してください：

CSS タイプ：CSS 外边距

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

例

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

p
  {
  margin-top:2cm;
  }

実際に試してみる

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

CSS 文法

margin-top: length|auto|initial|inherit;

属性値

値 説明
auto ブラウザが設定した上端マージン。
length 固定の上端マージンを定義します。デフォルト値は 0 です。
% 包含要素の幅のパーセンテージで上端マージンを指定します。
inherit 親要素から上端マージンを継承するべきです。

技術的詳細

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

他の例も

テキストの上端マージンを設定 1
この例では、テキストの上端マージンを設定するためにセンチメートルを使用する方法を示します。
テキストの上端マージンを設定 2
この例では、テキストの上端マージンを設定するためにパーセンテージを使用する方法を示します。

ブラウザのサポート

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

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