В чем разница между object-fit и object-position?

Разница между object-fit и object-position заключается в том, что каждое из этих свойств решает разные задачи в стилизации изображений и видео. fruntend.com html5book.ru

Object-fit определяет, как изображение (или видео) будет растягиваться или сжиматься, чтобы заполнить поле своего родительского контейнера. fruntend.com Это необходимо, когда размер или соотношение сторон картинки отличается от оборачивающего блока. fruntend.com

Object-position определяет, где внутри контейнера будет располагаться изображение. fruntend.com Оно принимает два числовых значения: одно для вертикальной оси, а другое — для горизонтальной. fruntend.com Эти числа могут быть в процентах, пикселях или других единицах измерения и могут быть отрицательными. fruntend.com Также можно использовать некоторые ключевые слова, такие как center, top, right и т.д.. fruntend.com По-умолчанию изображение располагается в центре контейнера. fruntend.com