ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでのパディングの紹介

CSSでのパディングの紹介

高洛峰
高洛峰オリジナル
2017-03-16 11:09:111361ブラウズ

構文:

: [ ]{1,4}

に適用される各 属性要素テーブル行グループ | テーブルフッターグループ | テーブル行グループ

プロパティ: いいえ アニメーション

プロパティ

: は の計算値です : それぞれの独立した属性

の関連属性を見てください : [ padding-top ] || [

padding-bottom

] || [ padding-left ]

Value: : 長さの値を使用して内部パディングを定義します。負の値は許可されません: 内側のパディングを定義するにはパーセントを使用します。横書き (デフォルト) モードでは、計算のためにそのブロックを含むブロック

width

を参照し、

その他の

の場合は

height

4 つのパラメータ値をすべて指定すると、上、右、下、左の順に 4 つの辺に適用されます。

1枚のみご用意の場合は4面全てに使用します。 2つある場合、1つ目は上下用、2つ目は左右用となります。

  • 3つある場合、1つ目は上用、2つ目は左右用、3つ目は下用となります。

  • 非置換インライン要素は、この属性を使用して左側と右側にインライン パッチを設定できます。上側と下側にインライン パッチを設定したい場合は、まずオブジェクトをブロック レベルとして表示する必要があります。またはインラインブロッククラス。

  • の対応するスクリプト機能は

    padding
  • です。
  • TRBL

拡張子:

margin

,border


CSSでのパディングの紹介

パディング値の省略形

パディング : 20px;

== パディング :

20px 20px 20px 20px;


パディング : 20px 10px; == パディング : 20px 10px 20px 10px;

パディング: 20px 10px 30px == パディング: 20px 10px 30px 10px;

反対側の辺は等しい、後者は 1 つだけ省略されます。

以上がCSSでのパディングの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。