Tabia ya objectPosition ya style

Mifumo na matumizi

objectPosition Inasababisha <img> au <video> Jinsi ya kusababisha kufikia kwenye kufungua ya kiumbe yake mwenyewe.

Tafadhali tazama:

Mafunzo ya CSS:CSS object-fit

Kitabu cha mafunzo cha CSS:Tabia ya object-position

Mfano

Kuongeza ukubwa wa picha kwa kufanana na kufungua ya kiumbe, na kuwasiliana picha kwenye eneo kwenye kufungua ya kiumbe kwa kina kushika 5px na kina juu ya 10%:

document.getElementById("myImg").style.objectPosition = "0 10%";

Jifunze tena

Makusanyiko ya lugha

Kutuma kwa tabia ya objectPosition:

object.style.objectPosition

Kuwasiliana kwa tabia ya objectPosition:

object.style.objectPosition = "position|initial|inherit"

Thamani ya tabia

Thamani Maelezo
position

Inasababisha picha au video kuwa na eneo kwenye kufungua ya kiumbe.

Thamani ya kwanza inaitwa kwenye ukubwa wa x, thamani ya pili inaitwa kwenye ukubwa wa y.

Inaweza kuwa mimewa (kutoka, kushirikiana au kushika) au namba (kutoka px au %).

Inaweza kuwa na thamani za uharibifu.
initial Kuwasiliana tabia hii kwa chaguo cha kuzingatia kwa kuzingatia. Angalia initial.
inherit Kuwasiliana kwa tabia hii kutoka kwa kiumbe wa mazungumzo. Angalia inherit.

Vifaa vya kimteori

Chaguo cha kuzingatia: 50% 50%
Matokeo wa kuzingatia: Mimewa au namba, inaonyesha eneo kwenye kufungua ya kiumbe.
Revisi ya CSS: CSS3

Mwabali wa kusimamia

Mafuatili ya thamani hizi inaonyesha revisi ya kwanza ya kusimamia tabia hii kwa programu ya kusoma kifungu.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0