CSS 参考手引

CSS @ルール(RULES)

margin-left CSS属性は要素の左マージンを設定します。しかし、多くの場合、marginこのようなショートカットCSS属性は使いやすく、推奨されます。

以下のテーブルにはこの属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文について説明しています。

デフォルト値：	0
適用範囲：	すべての要素、ただしtable displayタイプ(table-caption table inline-table)以外の要素には適用されません。。ただし、 ::first-letter。
継承：	ありません
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript構文：	object.style.marginLeft="20px"

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

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

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

例

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

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

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

margin-left属性のブラウザの互換性について、以下のテーブルにはその属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザがこの属性をサポートしています。

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

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