margin-top

by 2 contributors:

概要

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

  • 初期値 0
  • 適用対象 テーブル系要素を除く全ての要素。但し、table-captiontableinline-table には適用可能
  • 継承 継承しない
  • 相対値の基準 包含ブロックの width を参照します。
  • メディア visual
  • 計算値 指定された割合または絶対的な長さ
  • アニメーションの可否 可 (<length>)
  • 記述順序 正式な文法で定義されている一意のあいまいでない順序

構文

margin-top: <length>| <割合>| inherit| auto

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

.content { margin-top:   5%; }
.sidebox { margin-top: 10px; }
.logo    { margin-top: -5px; }
#footer  { margin-top:  1em; } 

仕様

仕様書 策定状況 コメント
CSS Basic Box Model 草案 有意な変更点は無し
CSS Transitions 草案 margin-top がアニメーション可能プロパティとして定義された
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, Yuichiro
最終更新者: ethertank,
サイドバーを隠す