カテゴリー
CSS padding-bottom

【CSS】padding-bottom:下パディング(内側余白)を指定する

(例)【CSS】padding-bottomの使用方法

See the Pen
padding
by linlin (@linlin098765)
on CodePen.

<p class="sample1">10px</p>
<p class="sample3">上下10px、左右20px</p>
<p class="sample4">上10px、左右20px、下30px</p>
<p class="sample5">上10px、右20px、下30px、左40px</p>
<p class="sample6">ああああ</p>
<p class="sample7">ああああ</p>
<p class="sample8">ああああ</p>
<p class="sample9">ああああ</p>
p{background-color:gray;}
p.sample1 {padding: 10px;} 
p.sample3 {padding: 10px 20px;}
p.sample4 {padding: 10px 20px 30px;}
p.sample5 {padding: 10px 20px 30px 40px;}
p.sample6 {padding-left:20px;}
p.sample7 {padding-top:20px;}
p.sample8 {padding-bottom:20px;}
p.sample9 {padding-right:30px;width:100px;text-align:right;}

【CSS】padding-bottom:下パディング(内側余白)を指定する

 CSSのpadding-bottomは、下パディング(内側余白)を指定するプロパティです。paddingに負の値は指定できません。