上下左右のパディング 【padding-top、padding-bottom、padding-left、padding-right】
ブラウザで表示した時の見え方
ソースサンプル
【CSS】
.padding {
padding-top: 15px;
border: #000000 1px solid
}
【HTML】
<div class="padding">ボックスの上内側に指定した数値の余白があります</div>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
| オプション |
| 実数値 | 数値で設定する | padding-top: 20px |
| % | 親ボックスの横幅に対する割合で設定する | padding-left: 10% |
| 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
上下左右のパディング