上下左右のパディング 【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%
機能