padding-top, padding-right, padding-bottom, padding-left
上下左右のパディング
padding-top: 値;
padding-right: 値;
padding-bottom: 値;
padding-left: 値;
上下左右のパディングを個別に指定するプロパティです。
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
プロパティ名 | 値 | 説明 |
---|---|---|
padding-top (上)
padding-right (右) padding-bottom (下) padding-left (左) |
長さ、% | 数値+単位(px 等)またはパーセント (初期値は 0) |
- 「%」の指定は、親ボックスの幅に対する割合となります。
.example {
padding-left: 50px;
padding-right: 50px;
}