CSSパディング

CSS Padding

CSS Padding プロパティは、要素の境界線とそのコンテンツの間のスペースを定義します。

パディング

要素のパディング（パディング）がクリアされると、「解放された」領域は要素の背景色で塗りつぶされます。

上下左右のパディングを変更するには、fill 属性を単独で使用します。略語の塗りつぶし属性も使用でき、変更するとすべてが変わります。

この短縮プロパティは、要素のすべてのパディングの幅を設定するか、各側のパディングの幅を設定します。インラインの非置換要素に設定されたパディングは、行の高さの計算には影響しません。したがって、要素にパディングと背景の両方がある場合、他の行に視覚的に拡張される可能性があり、

その他のコンテンツが重複する可能性があります。要素の背景はパディング全体に広がります。負のマージン値は許可されません。

padding-top:20px; 上部のpadding

padding-bottom:30px; 下部のpadding

padding: 1pxの統合4 つの側面すべて

パディング: 1px1px 上下、左右のパディング

パディング: 1px1px1px 上、左、右、下のパディング

パディング: 1px1px1px1px 上、右、下、左のパディング

注: 負の値は許可されません。

可能な値

auto: ブラウザーが余白を計算します

length: 余白の値をピクセル、センチメートルなどの特定の単位で指定します。デフォルト値は 0px です。

%: 親要素の幅のパーセンテージとしてマージンを指定します。

inherit: マージンを親要素から継承することを指定します。

padding: 短縮属性を使用して、1 つの宣言ですべてのパディング プロパティを設定します

padding-bottom: 要素の下部パディングを設定します

padding-left: 要素の左側のパディングを設定します

padding-right: 右のパディングを設定します要素の一部 Padding

padding-top: 要素の上部のパディングを設定します