object-fit

背景画像を、一定のサイズの中に収めるには、background-size プロパティを使いますが、img要素を一定のサイズの中に収めるためのプロパティが、object-fitになります。

object-fit: fill

object-fit 説明画像 fill

object-fit 説明画像 fill narrow

object-fit 説明画像 contain

object-fit 説明画像 contain narrow

object-fit 説明画像 cover

object-fit 説明画像 cover narrow

object-fit 説明画像 none

object-fit 説明画像 none narrow

object-fit 説明画像 scale-down

object-fit 説明画像 scale-down narrow

width autoheight auto

object-fit 説明画像原画