CSS3 背景のサイズ

CSS3の「background-size:」の値についてです。

auto

自動でいい感じにやってくれます（デフォルト）。

contain

縦横の比率をそのままに、枠の中にぴったりはまるようリサイズしてくれます。

コンテンツの高さに合わせる感じです。

cover

縦横の比率をそのままに、枠の外まで覆ってくれます。

コンテンツの横幅に合わせる感じです。

長さ

幅と高さを指定できる。パーセントも使えます。

公開 2019-08-04 22:33:37
更新 2022-01-31 01:46:02

このページの二次元コード

同じカテゴリーのサンプル