margin
マージンをまとめて指定

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
適用対象 ただし、table要素caption要素以外の表関連要素を除く。
継承 継承しない
初期値 各プロパティの初期値を参照(0
メディア
  • visual

上下左右のマージンを一括で指定するプロパティです。


margin: 5px 10px 15px 20px;

プロパティの値
プロパティ名 説明
margin 長さ、% 数値+単位(px 等)またはパーセント
auto 自動
  • 上下左右のマージンを、1~4つの値で指定することができます。2つ以上の値で指定する場合は、半角スペースで区切って記述します。
  • %の指定は、親ボックスの幅に対する割合となります。

値の指定例

  • 2px … [上下左右] を指定
  • 2px 4px … [上下] と [左右] を指定
  • 2px 4px 6px … [上] と [左右] と [下] を指定
  • 2px 4px 6px 8px … [上] と [右] と [下] と [左] を指定
このプロパティに関連する目的別リファレンス
ボックスのマージン(外側の余白)を指定する
ブラウザの枠とのマージンを指定する
リスト全体の余白を調整する
入れ子にされたリストのインデント幅を指定する
画像の周囲にマージンを入れる
表の周囲にマージンを入れる
インラインフレームの周囲にマージンを入れる
インラインフレーム内のマージンを指定する
部品グループの余白を調整する