CSSパディング

CSSでパディングを操作する方法

ザ・paddingCSSプロパティは、要素の内側にスペースを追加するためにCSSで一般的に使用されます。

覚えておいてください：

padding単一のエッジのパディングを一度に変更する4つの関連プロパティがあります。

それらの使用法は非常に単純であり、混乱することはありません。次に例を示します。

padding-left: 30px;
padding-right: 3em;

paddingは、複数のパディング値を同時に指定するための省略形であり、入力された値の数に応じて、動作が異なります。

単一の値を使用すると、それがに適用されますすべてパディング：上、右、下、左。

padding: 20px;

2つの値を使用すると、最初の値がボトム＆トップ、および2番目に左右。

padding: 20px 10px;

3つの値を使用すると、最初の値が上、2番目に左右、3番目から下。

padding: 20px 10px 30px;

4つの値を使用すると、最初の値が上、2番目に正しい、3番目から下、4番目から左。

padding: 20px 10px 5px 0px;

だから、順序は右上-左下。

paddingあらゆる種類の長さの単位で表された値を受け入れます。最も一般的な値はpx、em、remですが、他にもたくさんあります。

私の無料ダウンロードCSSハンドブック