margin-top, margin-right, margin-bottom, margin-left
上下左右のマージン
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;
}