1. Home
  2. スタイルシート CSS
  3. プロパティ一覧 [ABC]
  4. margin-*** プロパティ

margin-*** プロパティ


margin-top, margin-right, margin-bottom, margin-left

ブラウザ
IE
Fx
Sf
Cr
O

上下左右のマージン

margin-top: ;
margin-right: ;
margin-bottom: ;
margin-left: ;

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


margin-top: 5px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 20px;

プロパティの値
プロパティ名 説明
margin-top (上)
margin-right (右)
margin-bottom (下)
margin-left (左)
長さ、% 数値+単位(px 等)またはパーセント (初期値は 0
auto 自動
  • 「%」の指定は、親ボックスの幅に対する割合となります。

.example {
margin-left: 50px;
margin-right: 50px;
}

適用対象

※ただし、table要素caption要素以外の表関連要素を除く

用語説明

継承

継承しない

初期値

0

メディア

  • visual

メモ

ブロックボックスが上下に並ぶ場合は、隣接する垂直方向のマージンが相殺される場合があります。


プロパティ一覧 [ABC]

ページの先頭へ


inserted by FC2 system