loader

Cвойство object-position используется вместе с object-fit, чтобы указать, как img или video должны располагаться с координатами x/y внутри своего «собственного блока контента».

object-position հատկությունն օգտագործվում է object-fit-ի հետ միասին՝ հստակեցնելու համար, թե ինչպես պետք է տեղադրվի img-ը կամ video-ն x/y կոորդինատներով իր «սեփական բովանդակության բլոկում»:

Синтаксис

Գրելաձև

object-position: 50% 50%; ⟿ Объект будет находиться по центру.
object-position: right top; ⟿ Объект будет находиться справа сверху.
object-position: 50% 50%; ⟿ Օբյեկտը կգտնվի կենտրոում.
object-position: right top; ⟿ Օբյեկտը կգտնվի այ վերևում.

Пример

Օրինակ

See the Pen object-position by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը object-position элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 79+ 32+ 36+ 10+ 19+
Notes