padding【パディング (内部間隔)】
padding-top【上パディング (内部間隔)】
padding-right【右パディング (内部間隔)】
padding-bottom【下パディング (内部間隔)】
padding-left【左パディング (内部間隔)】

メモ 外部リンク 構文 例

メモ

構文 (※記述方法)

padding: [ 《length【長さ】》 | 《percentage【パーセンテージ】》 ] {1,4}

(1) １個指定 (上下左右)
(2) ２個指定 (上下・左右)
(3) ３個指定 (上・左右・下)
(4) ４個指定 (上・右・下・左) 		パディング (内部間隔)
 
(時計回り)
 
 
 
padding-top: 《length【長さ】》 | 《percentage【パーセンテージ】》 上パディング (内部間隔)
padding-right:右パディング (内部間隔)
padding-bottom:下パディング (内部間隔)
padding-left:左パディング (内部間隔)

例

<style>
.border{
    border: 2px red solid;
    width: 200px;
    height: 100px;
    word-wrap: break-word;
}
</style>

<div class="border" style="padding: 0;">padding: 0</div>
<div class="border" style="padding: 20px;">padding: 20px</div>
<div class="border" style="padding: 20px 40px;">padding: 20px 40px<br>TextTextTextTextTextTextTextTextText</div>
<div class="border" style="padding: 10px 20px 30px 40px;">padding: 10px 20px 30px 40px<br>TextTextTextTextTextTextTextTextText</div>

padding: 0
padding: 20px
padding: 20px 40px
TextTextTextTextTextTextTextTextText
padding: 10px 20px 30px 40px
TextTextTextTextTextTextTextTextText