新着! 44ページの電子書籍「CSSを44分で学ぶ」が発売されました! 😃

今すぐ入手 →

#margin-left

要素の外側左側のスペースを定義します。

デフォルト margin-left: 0;

左側のマージンを削除します。

margin-left: 50px;

ピクセル値を使用できます。

margin-left: 7em;

(r)em値を使用できます。

値はフォントサイズに相対します

  • em: _要素_の現在のフォントサイズに相対
  • rem: <html> _**ルート**要素_のフォントサイズに相対

margin-left: 30%;

パーセンテージ値を使用できます。
パーセンテージは_コンテナ_の_幅_に基づいています。

margin-left: auto;

**auto**キーワードは、左側に**残りのスペース**の割合を割り当てます。

margin-right: autoと組み合わせると、固定幅が定義されている場合、要素を**中央**に配置します。