概要
margin-top プロパティは、要素の上に必要な余白を設定します。負の値も指定可能です。
- 初期値 0
- 適用対象 テーブル系要素を除く全ての要素。但し、
table-caption、table、inline-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; }
仕様
ブラウザ実装状況
| 機能 |
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 |
関連情報