margin-***: ***;
ブラウザ |
|
---|---|
プロパティ |
margin-*** は、上下左右のマージンを個別に指定するプロパティです。(*** の部分には、top
、right
、bottom
、left
が入ります)
このプロパティをbody要素に対して設定すると、ブラウザの枠と内容とのマージンを指定することができます。
body {
margin-top: 5px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 20px;
}
プロパティ名 | 値 | 説明 |
---|---|---|
margin-top |
数値+単位(px 等)またはパーセント | 上のマージンを指定 |
margin-right |
数値+単位(px 等)またはパーセント | 右のマージンを指定 |
margin-bottom |
数値+単位(px 等)またはパーセント | 下のマージンを指定 |
margin-left |
数値+単位(px 等)またはパーセント | 左のマージンを指定 |
値には auto
(自動)を指定することもできます。