背景画像を描画領域の面積ぴったりに自動で合わせる方法 - スタイルシートTipsふぁくとりー《2019年9月16日 16:30 公開/更新》 背景画像を描画領域の面積ぴったりに自動で合わせる方法 [CSS3,イメージ] CSS3では、背景画像を「描画領域の面積」に合わせて自動で拡大・縮小させる機能としてbackground-sizeプロパティが加わりました。背景画像を描画領域の空間に合わせて自動でサイズ調整させ、ボックスの大きさにぴったり合わせることも簡単になりました。1枚の画像で描画領域全体を覆い尽くすように拡大・縮小させたり、画像が途中で切られないように表示サイズを自動調整させたり、描画領域内に指定枚数だけ表示されるよう自動で拡大・縮小したり……などの表示が実現できます。 背景画像を描画領域の面積ぴったりに自動で合わせる方法 background-sizeプロパティの書き方概要 ただ背景に画像を指定した場合の表示 (比較用) 背景画像が「描画領域全体を覆い尽くす」よう拡大・縮
