CSSpadding_html/css_WEB-ITnose

CSS パディングは、div テーブルの内部スペースを制御するために使用されます。

CSS パディング

CSS パディングを使用すると、デフォルトのギャップ内に表示されるさまざまな HTML を変更できます。 . 要素 (段落、表など)。しかし、まず最初に、充填の定義についての理解を信じてみましょう。コンポーネントの境界線とその中のコンテンツの間の埋め込まれたスペース。

以下の例の視覚的表現をご覧ください。注: 各要素の境界線が明確になっているので、パディングの効果をより簡単に確認できます。 red;}

CSS パディング プロパティを定義するには、いくつかの方法があります。あらゆる方法をご説明し、どの方法が最適であるかをお知らせいたします。

CSS パディング:

上の例でわかるように、パディングは均一係数にすることができます。値を指定すると、上、右、下、左のすべての側面に均一なパディングが作成されます。正確な値を使用する代わりに、パディングに使用するパーセンテージを定義することもできます。

p {パディング: 2%; ボーダー: 1px ソリッドブラック; }

CSS パディング: パディング (方向):
各 HTML 要素には実際には 4 つの異なるパディングがあります: 上、右、下、左。これらの個々のパディングは、パディング プロパティに方向サフィックスを追加するだけで決定できます。たとえば、フォーム: fill(direction)。決定された 1 つの方向だけが、他の 3 つのデフォルトのパディングを変更しないままにします。

p { パディング左: 5px; ボーダー: 1px 黒一色; }

h5{
パディングトップ: 0px;

パディングボトム: 13px;
パディング左: 21px;
ボーダー: 1px ソリッドレッド;
}



CSS パディング: 2 & 4 の値