TOPCSS 【CSS】background-sizeで背景画像をレスポンシブに設定する方法 【CSS】background-sizeで背景画像をレスポンシブに設定する方法 公開日:2016.11.28 更新日:2023.03.19 CSS CSSの background-size プロパティは、背景画像のサイズを指定できます。 表示領域のサイズに合わせて背景画像が拡大、縮小されるので、レスポンシブサイトの制作に役立ちます。 同じ画像をそれぞれの値で表示したサンプルを作成したので、以下をご覧ください。 サンプルページ
![【CSS】background-sizeで背景画像をレスポンシブに設定する方法|Gimmick log](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e2dad10aeb4565e1ea810e442db518b952f701b/height=288;version=1;width=512/https%3A%2F%2Fgimmicklog.com%2Fwordpress%2Fwp-content%2Fuploads%2F2016%2F11%2Fthum-backgroundsize.jpg)