CSSのbackground属性の特徴を紹介

この記事では、CSS の背景属性の特徴について説明します。必要な方は参考にしていただければ幸いです。

略語列: color-image-repeat-attachment-position

eg:body{background:#ffffff url('img.png') no-repeat right top}

各属性の特徴を順番に紹介していきます:

1. 背景色: red; #ffffff; rgb (255,255,255);

すべての要素に色名、16 進数、RGB の 3 つの色表現方法を設定できます。

2. 背景画像: url ('img.jpg')

画像アドレスは相対パスまたは絶対パスにすることができます。デフォルトは並べて表示されます。

3. ;repeat-y; no-repeat;

デフォルトのタイル繰り返し表示;

背景画像が固定されているかどうかを意味します。ページのスクロール; デフォルトのスクロール;

スクロールは、ページの残りの部分とともにスクロールする背景画像を指します。固定は、親要素から継承されることを意味します。

5. 背景位置: 中央下、66% 33%;

4 つの表現: 1 つは上、左、右、中央の組み合わせです。 ; 3 番目はパーセンテージ、4 番目はピクセルを直接書き込みます。

後の2つは精度が高いです。

6. 背景クリップ: ボーダーボックス; コンテンツボックス; 背景画像の描画領域を指定します。

7. 背景-origin: border-box; 背景画像の配置領域を指定します。

注: 背景画像の背景添付ファイルが「固定」の場合、この属性は効果がありません。

8. 背景サイズ: auto (デフォルト); 長さ (幅と高さの 2 つの値。値が 1 つある場合、デフォルトでは 2 番目の値)。 ; cover (この時点では画像のアスペクト比が維持され、背景の配置領域を完全にカバーする最小サイズに画像が拡大縮小されます) (この時点では画像のアスペクト比が維持され、画像が拡大縮小されます)画像を背景の配置領域に収まる最小サイズにします);

関連する推奨事項:

CSS: 背景色/背景 image_html/css_WEB-ITnose

CSS 背景の完全な説明CSSの背景属性

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