margin-left

by 3 contributors:

概要

margin-left プロパティは、要素の左に必要な余白を設定します。負の値も指定可能です。

  • 初期値0
  • 適用対象テーブル系要素を除く全ての要素。ただし、table-captiontableinline-table には適用可能。
  • 継承しない
  • 相対値の基準最も近いブロックレベルの先祖の width を参照する。
  • メディアvisual
  • 計算値指定された割合または絶対値な長さ
  • アニメーションの可否可。lengthとして可能

構文

margin-left: <length> | <割合> | inherit | auto;

<length>
固定幅を指定します。使用可能な値は <length> を参照してください。
<percentage>
<割合> は常に包含ブロックのを基準にします。
auto
margin を参照してください。

.content { margin-left:   5%; }
.sidebox { margin-left: 10px; }
.logo    { margin-left: -5px; }

仕様

仕様書 策定状況 コメント
CSS Basic Box Model 草案 有意な変更点は無し
CSS Transitions 草案 margin-left がアニメーション可能プロパティと定義された
CSS Flexible Box Layout Module 勧告候補 flex box での margin-left の挙動を定義
CSS Level 2 (Revision 1) 勧告 インライン要素への効果が削除された
CSS Level 1 勧告 最初期の仕様

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0 (85)
auto 1.0 1.0 (1.7 or earlier) 6.0 (strict mode) 3.5 1.0 (85)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1) 6.0 6.0 1.0

関連情報

ドキュメントのタグと貢献者

タグ: 
Contributors to this page: ethertank, sosleepy, Yuichiro
最終更新者: ethertank,
サイドバーを隠す