object-position

object-position: <position>

📝 Описание

Управляет позицией содержимого замещаемого элемента внутри его контейнера.

Значение по умолчанию: 50% 50%

🎯 Возможные значения

  • Ключевые слова: top, bottom, left, right, center
  • Значения в <length> или <percentage>
.avatar {
  object-fit: cover;
  object-position: top center;
}

🌐 Поддержка браузеров

Chrome 32+, Firefox 36+, Safari 10+