ホームページ > ウェブフロントエンド > htmlチュートリアル > 背景サイズを使用して背景画像の幅と高さを設定する方法

背景サイズを使用して背景画像の幅と高さを設定する方法

云罗郡主
リリース: 2018-10-18 15:45:36
転載
10284 人が閲覧しました

この記事では、background-size を使用して背景画像の幅と高さを設定する方法について説明します。必要な方は参考にしてください。

背景サイズを使用して背景画像の幅と高さを設定する方法

background-size 属性を使用して、

语法:background-size: length|percentage|cover|contain;
ログイン後にコピー

length:
を設定します。背景を設定します 画像の高さと幅。
最初の値は幅を設定し、2 番目の値は高さを設定します。
値が 1 つだけ設定されている場合、2 番目の値は「auto」に設定されます。
(画像全体が表示されます)

percentage:
背景画像の幅と高さを親要素のパーセンテージとして設定します。
最初の値は幅を設定し、2 番目の値は高さを設定します。
値が 1 つだけ設定されている場合、2 番目の値は「auto」に設定されます。
(画像全体が表示されます)

cover:
画像のアスペクト比を維持し、背景の位置を完全にカバーする最小サイズに画像を拡大縮小します。エリア。
背景画像の一部が背景配置領域に表示されない場合があります。
(画像の一部のみを表示)

contain:
画像のアスペクト比を維持し、背景の位置を完全にカバーできる最大サイズに画像を拡大縮小します。エリア。
(画像全体が表示されますが、画像が繰り返される場合があります)

上記は、必要に応じて、background-size を使用して背景画像の幅と高さを設定する方法の完全な紹介です。 HTML ビデオ チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。


以上が背景サイズを使用して背景画像の幅と高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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