余白の調整

要素に余白を入れる
要素に余白を作りたい場合は「padding」


「padding:値;」とすると、上下左右全ての方向にその大きさの余白が追加

paddingをある方向のみ指定する


「padding-top:値;」=上部
padding-bottom=下部
padding-left
padding-rightなど

paddingをまとめて書く

値を4つ、スペース区切りで指定した場合
上→右→下→左の順で適用


値を2つ指定した場合、「上下」「左右」の順に適用
おいしいお店ー東北


「padding:値;」とすると、上下左右全ての方向にその大きさの余白が追加



「padding-top:値;」=上部
padding-bottom=下部
padding-left
padding-rightなど


値を4つ、スペース区切りで指定した場合
上→右→下→左の順で適用


値を2つ指定した場合、「上下」「左右」の順に適用
コメント