paddingとは、要素内の余白のことです。
paddingとは上下左右のパディングをまとめて指定するプロパティです。
上下左右を異なるパディング幅にしたい場合は、スペースで区切って複数の値を指定することができます。
4つ値を指定する場合は上 右 下 左の時計回りの順
▼上5px 右10px 下15px 左20px
1 |
padding:5px 10px 15px 20px; |
3つ値を指定する場合は上 左右 下の順
▼上5px 左右10px 下15px
1 |
padding:5px 10px 15px; |
2つ値を指定する場合は上下 左右の順
▼上下5px 左右10px
1 |
padding:5px 10px; |
1つだけ指定する場合は上下左右を一括で指定することになります。
▼上下左右5px
1 |
padding:5px; |
※padding(パディング)には負の値やautoを指定することはできません。
参考サイト:http://www.htmq.com/style/padding.shtml
参考サイト:http://html-coding.co.jp/annex/dictionary/css/padding/
コメント