日々思いついたことを気ままに書くブログです。

ProgateでHYMLを勉強する10

padding

要素に余白をつくるプロパティ

padding: 値; で記述する。

値はpxで指定する。

 

padding-top→上に余白を作る

padding-bottom→下に余白を作る

padding-left→左に余白を作る

padding-right→右に余白を作る

 

padding: 20px 20px 10px 10px;

と指定した場合、上、右、下、左の順に適用される。

 

padding: 20px 10px;

と指定した場合、上下、左右に適用される。