Есть ли аналог object-fit для background-image;?

Question

[zeni1agent]

Я ищу аналог object-fit но для моего блока div
Можно ли это как нибудь сделать?

Comments

[Rustam Bainazarov]

Свойство background-size.

Answer 1

[Кирилл Никитин]

Забавно, обычно наоборот спрашивают. Свойство background-size: cover или contain.

Comments

[zeni1agent]

А почему свойство одинаковое а результат разный?

[Кирилл Никитин]

zeni1agent, свойства не одинаковые. Первое работает с объектом в теге, а второе с background-image в css.

[zeni1agent]

Слегка не правильно сказал.
Значения у обоих cover но результат разный.
Просто мне одному кажется что при использовании
background-size: cover;
картинка немного косо расположена.

[Кирилл Никитин]

zeni1agent, у вас картинка не ровная, не квадрат, а от размеров картинки и размеров блока зависит как браузер её будет позиционировать. Object-fit центрует, а background-size регулируется свойством background-position, иначе от края. Конкретно в вашем случае, с блоками 100х100, достаточно добавить background-position: center.