ホームページ  >  記事  >  ウェブフロントエンド  >  背景サイズは背景のサイズを設定します image_html/css_WEB-ITnose

背景サイズは背景のサイズを設定します image_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:51:041392ブラウズ

background-size

長さの値 または パーセント として表示される背景画像のサイズを設定します。また、covercontain を使用して画像を拡大縮小することもできます。

構文:

background-size: auto | <长度值> | <百分比> | cover | contain

値の説明:

1、auto: デフォルト値、背景画像の元の高さと幅は変更されません

2、: ペアで表示されます。 200px 50px など、背景画像の幅と高さを最初の 2 つの値に設定します。値を設定するときは、それを画像の幅の値として使用して 3、f78113d1a82a15cadbe8fa962dc306cf ;

: 0%~100 % の間の任意の値。値を設定するときは、背景画像の幅と高さを前のパーセンテージで乗算した値に設定します。

4、cover

: 名前が示すように、

cover、つまり、背景画像がコンテナ全体を埋めるように拡大縮小されます 5: Contain、つまり背景を含みます。画像は片側がコンテナの端に近づく

まで比例して拡大縮小されます。

ヒント: 右側の編集ウィンドウに独自のコードを入力して、さまざまな値の効果を試すことができます。

りー

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