В чём разница между свойствами object-fit и background-size?

Разница между свойствами object-fit и background-size в CSS заключается в том, что первое работает с изображениями, а второе — с фоновыми изображениями. www.sitepoint.com publishing-project.rivendellweb.net

Object-fit позволяет управлять тем, как картинка (тег img) или видео (тег video) будет подстраиваться под заданные размеры. doka.guide Свойство задаётся для самого тега, а в качестве значения используется одно из ключевых слов: fill, contain, cover, none или scale-down. doka.guide publishing-project.rivendellweb.net В отличие от background-size, для object-fit нельзя задать конкретные размеры в качестве значения. doka.guide

Background-size, в свою очередь, контролирует размер фонового изображения элемента. publishing-project.rivendellweb.net Возможные значения свойства: auto, contain и cover. webformyself.com msiter.ru При значении auto изображение сохраняет размер по умолчанию, при cover — меняется так, чтобы поместиться в контейнере, а при contain — изменяется в соответствии с размером контейнера. webformyself.com msiter.ru

Таким образом, object-fit работает с изображениями, а background-size — с фоном.