object-fitの記事へ戻る

object-fitの値を比較する

同じ画像枠で切り抜くか、画像全体を収めるかが変わります。

object-fit: cover
左に円、右に四角を配置した比較用の図

表示を初期状態へ戻す場合は再読み込みしてください。フォームなどは表示の比較用で、外部へ情報を送信しません。動きを減らす設定では装飾的な動作を止めます。