1. Home
  2. CSSのパディング（パディング）

CSSのパディング（パディング）2024 年の最新の入門チュートリアル。このコースでは パディング（パディング）,可能な値,パディング - 一方的なパディングプロパティ,例,充填 - 速記プロパティ,例,より多くの例,すべてのCSSのパディングのプロパティ, について学習できます。

CSSのパディング（パディング）

スペース定義要素のボーダーとCSSのパディング（パディング）プロパティ間の要素の内容。

パディング（パディング）

（埋め）パディング要素（パディング）がクリアされると、素子面積の「リリース」は、背景色は次のようになり埋めます。

プロパティはチェンジアップとダウンフィリングの周りにすることができ、単独で埋めます。 すべてが変更されたら、頭字語充填性も変更することができます。

可能な値

値 説明
長さ 固定されたパディング（ピクセル、PT、EMなど）を定義します
％ 充填を定義するためにパーセント値を使用します

パディング - 一方的なパディングプロパティ

CSSでは、異なる充填の異なる側面を指定することができます。

例

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

»をお試しください

充填 - 速記プロパティ

あなたは1プロパティ内のすべてのパディングプロパティを指定することができ、コードを短くするために。

これは簡略記述特性と呼ばれています。 すべてのfill属性の短縮形プロパティは、「パディング」です。

例

パディング：25ピクセルは50px;

»をお試しください

Paddingプロパティは、1〜4つの値を持つことができます。

パディング：25ピクセルは50px 75px 100pxに。

  • 充填は25ピクセルです
  • 50px右パディング
  • 満たされた75pxの下で
  • 左満たさ100pxに

パディング：25ピクセルは50px 75px;

  • 充填は25ピクセルです
  • 50px程度でいっぱい
  • 満たされた75pxの下で

パディング：25ピクセルは50px;

  • ボトムパディングは25ピクセルです
  • 50px程度でいっぱい

パディング：25ピクセル;

  • すべて満たされている25ピクセル
例

より多くの例

1宣言内のすべてのパディングプロパティ
この例では、プロパティは、すべての宣言で設定されている略語の使用は属性を埋める実証、1〜4つの値を持つことができます。

満たされたセットの左側部分
この例では、左パディング要素を設定する方法を示します。

充填の右側の部分を設定します
この例では、右パディング要素を設定する方法を示します。 。

上部の充填を設定します
この例では、充填要素を設定する方法を示します。

下のパック
この例では、要素の下パディングを設定する方法を示します。

すべてのCSSのパディングのプロパティ

プロパティ 説明
パディング 略語プロパティは、すべての宣言で設定された属性を埋めます
パディング底 設定アンダーフィル要素
パディング左 塗り設定要素の左側部分
パディング右 充填要素の右側部分を設定します
パディングトップ 埋めるために上部の要素に設定

ホットチュートリアル

お問い合わせ

CSSのパディング（パディング）
10/30