Latest web development tutorials
×

CSS コース

CSS コース CSS 簡単な紹介 CSS 文法 CSS Id と Class セレクタ CSS 作ります CSS 背景(background) CSS テキスト(text) CSS フォント(Fonts) CSS リンク(link) CSS リストスタイル(ul) CSS テーブル(table) CSS ボックスモデル CSS フレーム(border) CSS 輪郭(outline) CSS マージン(margin) CSS 充填(padding) CSS グループ化とネスト CSS サイズ(Dimension) CSS ディスプレイ(display) CSS 検索します(position) CSS フロート(float) CSS 整列します(align) CSS セレクタの組み合わせ CSS 擬似クラス CSS 擬似要素 CSS ナビゲーションバー CSS ドロップダウンメニュー CSS イメージギャラリー CSS 透視画像/不透明な CSS 画像モザイク技術 CSS メディアタイプ CSS 属性セレクタ CSS サマリー CSS 例

CSS3 コース

CSS3 コース CSS3 簡単な紹介 CSS3 フレーム(border) CSS3 背景 CSS3 段階的変化 CSS3 テキストエフェクト CSS3 フォント CSS3 2D 変更 CSS3 3D 変更 CSS3 トランジション CSS3 アニメーション CSS3 マルチカラム CSS3 ユーザーインターフェース

CSS レスポンシブデザイン

Viewport グリッドビュー メディアクエリ ビデオ(video) フレーム

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS カラー値 CSS 色名 CSS 16進数の色

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のパディングのプロパティ

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