CSS のギャップを表すもの

藏色散人
リリース: 2023-02-02 10:23:47
オリジナル
1830 人が閲覧しました

CSS では、padding 属性はギャップを表します。padding 属性は、要素の境界線と要素の内容の間のスペース、つまり上下左右の内側の余白を定義するために使用されます。要素のパディングの内側のマージンがクリアされ、すべての解放された領域が要素の背景色で塗りつぶされます。padding プロパティを単独で使用して、上下左右のパディングを変更できます。

CSS のギャップを表すもの

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョン、DELL G3 コンピューター

CSS のギャップを表すもの?

<strong>padding</strong>

CSS ギャップ プロパティ (パディング) は、要素のコンテンツから要素の境界線までの距離を設定するために使用されます。

CSS パディングは、要素の境界線と要素のコンテンツの間のスペース、つまり上下左右のパディングを定義する短縮プロパティです。

<strong>padding</strong>

要素のパディングがクリアされると、解放された領域は要素の背景色で塗りつぶされます。

padding 属性を単独で使用して、上下左右のパディングを変更します。

CSS のギャップを表すもの

可能な値

length は固定パディング (ピクセル、pt、em など) を定義します。

% はパーセンテージを使用して定義されます。値 パディング

パディング - 片面パディング属性

CSS では、異なる側に異なるパディングを指定できます:

Example

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
ログイン後にコピー

上部パディングは 25px

右側のパディングは 50px

下部のパディングは 25px

左側のパディングは 50px

Padding- 短縮プロパティ

短縮するにはコードを使用すると、入力されたすべてのプロパティを 1 つのプロパティで指定できます。

これはいわゆる短縮属性です。すべてのパディング プロパティの短縮形プロパティは、padding:

Instance

padding:25px 50px;
ログイン後にコピー

Padding プロパティで、1 ~ 4 つの値を指定できます。

padding:25px 50px 75px 100px;
ログイン後にコピー

上部のパディングは 25px

右のパディングは 50px

下部のパディングは 75px

左のパディングは 100px

 padding:25px 50px 75px;
ログイン後にコピー

上部のパディングは 25px

左右のパディングは 50px

下部のパディングは 75px

  padding:25px 50px;
ログイン後にコピー

上部と下部のパディングは 25px

左右のパディングは 50px

  padding:25px;
ログイン後にコピー

です。すべてのパディングは 25px

推奨学習: 「css ビデオ チュートリアル

以上がCSS のギャップを表すものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート