CSSボックスモデル内マージン(padding)

内マージンの設定内マージンは、枠と同様に、上、下、左、右の4方向の内マージンに分ける、

.
ツールバーの
説明
padding
枠線の4方向の内側の余白を設定しながら、スケッチ属性を設定します.
padding-bottom
下マージンの設定
padding-left
左内余白の設定
padding-right
右内マージンの設定
padding-top
内側余白の設定
内側余白の設定構文は次のとおりです.

padding:padding_value [padding_value] [padding_value] [padding_value] [padding_value];
padding-  :padding_value;

padding_valueパラメータの説明:
パラメータ値
説明
auto
ブラウザの内側余白の計算
length
px、em、cmなどの特定の正数値を内側余白値とし、デフォルトは0です.
%
親要素の幅に基づいて内側余白を計算
inherit
親要素の内側余白を継承

が1つの値を指定した場合、4方向の内マージンが同じであることを示します.

で2つの値を指定した場合、1番目の値は上、下の内側の余白を設定し、2番目の値は左、右の内側の余白を設定します.

で3つの値を指定すると、1番目の値に上内余白、2番目の値に左、右内余白、3番目の値に下内余白が設定されます.

4個の値を指定した場合、各値は時計回りに上、右、下、左内の余白を順に設定します.

注意:ボックスにバックグラウンドを設定すると、バックグラウンドはpadding領域に延長されます.