Описание тега object-fit
В object-fit Свойство CSS определяет, как содержимое заменяемого элемента должно быть размещено в поле, установленном его используемой высотой и шириной.
Синтаксис
В object-fit свойство указывается как одно ключевое слово, выбранное из списка значений ниже.
Ценности
fill(Начальное значение) - заменяемое содержимое имеет размер, чтобы заполнить поле содержимого элемента: размер конкретного объекта объекта - это используемая ширина и высота элемента.contain- Замененное содержимое имеет размер, чтобы сохранить его соотношение сторон при размещении в поле содержимого элемента: его конкретный размер объекта разрешается как ограничение на использование ширины и высоты элемента.cover- Замененное содержимое имеет размер, чтобы сохранить его соотношение сторон при заполнении всего блока содержимого элемента: размер его конкретного объекта разрешается как ограничение покрытия по отношению к используемой ширине и высоте элемента.none- Замененное содержимое не изменяется, чтобы поместиться в поле содержимого элемента: размер конкретного объекта объекта определяется с использованием алгоритма изменения размера по умолчанию без заданного размера, а размер объекта по умолчанию равен используемой ширине и высоте замененного элемента.scale-down- Размер содержимого задается так, как если бы он не был указан или содержал, в зависимости от того, что приведет к уменьшению размера конкретного объекта.