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

この記事では、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 サイトの他の関連記事を参照してください。