CSS margin-left 属性

定義と使用方法

margin-left 属性は、要素の左外側マージンを設定します。

注釈：負の値も使用できます。

参照：

CSS タイプ：CSS 外边距

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

例

p要素の左外側マージンを設定：

p
  {
  margin-left:2cm;
  }

自分で試してみてください

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

CSS 语法

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

属性値

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

技術詳細

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

他の例もご覧ください

テキストの左外側マージンを設定 1
この例では、センチメートル値を使用してテキストの左外側マージンを設定する方法を示します。
テキストの左外側マージンを設定 2
この例では、パーセント値を使用してテキストの左外側マージンを設定する方法を示します。

ブラウザのサポート

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

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