パディングの指定 <lenght> <percentage>
パディングは、ボーダーから画像やテキストなど内容物までの余白の事で、その距離を指定する事が出来ます。
パディングが無い場合とある場合のサンプルが下です。
パディングが無いとボーダーとの距離が無いので見難いです。 |
パディングを使うとボーダーとの空間が出来るので見やすいです。 |
見ての通り、table 固有の属性 cellpadding と同じ働きをします。
またパディングは上下左右の各々指定する事が出来ます。
padding:10px 20px 40px 80px; |
このように上下左右の値を入れる事が出来る属性は、上・右・下・左 の順番が決まりです。
マージンと似ているように思う人もいるでしょうが、タグの内側の余白がパディングで、タグの外側の余白がマージンです。
パディングの値
値を3つ入れた場合 |
padding:10px 20px 40px
上が10px 左右が20px 下が40px |
値を2つ入れた場合 |
padding:10px 40px
上下が10px 左右が40px |
値を1つ入れた場合 |
padding:40px
上下左右が40px |