object-positionは画像の枠を埋める前に見せる位置を決め、3項指定を使わない
- object-positionは枠からはみ出す画像の見せる位置を決めるCSS propertyです。object-fitとの役割、読者に見せる部分の決め方、Chrome 66で使えなくなる3項指定を解説します。
タグ: object-position
object-fitのcontainとcoverは画像全体を見せるか枠全体を埋めるかで使い分ける
- object-fitのcontainは画像全体を枠内へ収め、coverは縦横比を保って枠全体を埋めます。枠の寸法、切れる範囲、object-positionの決め方を解説します。
