margin-bottom

by 3 contributors:

概要

margin-bottom プロパティは、要素の下に必要な余白を設定します。負の値も許可されています。

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

構文

margin-bottom: <length> | <percentage> | inherit | auto;

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

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

仕様

仕様 策定状況 コメント
CSS Basic Box Model 草案 有意な変更点は無し
CSS Transitions 草案 margin-bottom がアニメーション可能と定義された
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,
サイドバーを隠す