[CSS] 背景画像をちょうどいいサイズで表示させるコード

CSSを使用して背景画像をちょうどいいサイズで表示させるコードは以下の通り

描画領域全体を覆い尽くすまで拡大・縮小させる場合

background-size: cover;

 

 

描画領域内に背景画像のすべてが表示されるよう拡大・縮小させる場合

background-size: contain;

 

 

描画領域内に(横に)5個表示されるように拡大・縮小させる場合

background-size: 20% auto;

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です