СВОЙСТВО OBJECT-POSITION

Свойство object-position определяет позицию содержимого изменяемого элемента, такого как <img> или <video>, внутри этого элемента.

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


16+

object-fit: позиция|initial|inherit;

Значение	Описание
позиция	Указывает позицию смещения содержимого изменяемого элемента по осям х и у соответственно. Принимаются значения в единицах измерения и процентах. Также принимаются значения «left», «right», «center», «top» и «bottom»
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<img src="/images/solar-system-400.jpg">

HTML

img {
    border: 1px solid black;
    height: 150px;
    width: 300px;
    object-fit: none;
    object-position: 10px 20px
}

CSS