CSSリファレンスマニュアル

CSS@ルール(RULES)

margin-top 属性の使用方法と例margintop CSS属性は、要素の上マージンを設定します。しかし、多くの場合、像

このような短縮CSS属性は使いやすく、推奨されます。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。	0
デフォルト値：	適用範囲：すべての要素、ただしtabledisplay-タイプ(table-caption table inline 。それ以外の要素には適用されません。 ::first-letter。
継承：	ありません
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript構文：	object.style.marginTop="20px"

この属性の構文は以下の通りです：

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

以下の例では、marginの使用方法を示しています-top属性。

例

　　h1　{
　　　margin-top:　25px;
　　}
　　p　{
　　　margin-top:　50px;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	サイズの値、px、pt、cm、emなどの単位で指定します。負の値も使用できます。
percentage	パーセンテージ。要素の含むブロックの幅に対してパーセンテージを計算します。
auto	ブラウザは指定された要素のマージンを計算します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のmarginを使用します-topの属性値。

margin-top属性のブラウザの互換性、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSS Margin、CSS Box Model。