Katangian ng objectPosition ng Style

Pagsasakop at Paggamit

objectPosition Ang katangian na ito ay ginagamit upang <img> o <video> Paano ito ay maayos na ma-locate sa kanyang sariling kahon ng nilalaman.

Mga Ibang Panuntunan:

Tuturo sa CSS:CSS object-fit

Manwal ng CSS:Katangian ng object-position

Halimbawa

I-adjust ang laki ng imahe upang magugugol sa kanyang kahon ng nilalaman, at ilagay ang imahe sa loob ng kahon ng nilalaman sa 5px sa kaliwa at 10% sa itaas ng taas:

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

Subukan Ngayon!

Awing-awing ng Pananaliksik

I-halimbawa ang katangian ng objectPosition:

object.style.objectPosition

I-set ang katangian ng objectPosition:

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

Halaga ng Katangian

Halaga Paglalarawan
position

Tinutukoy ang posisyon ng imahe o video sa kanyang kahon ng nilalaman.

Ang unang halaga ay kontrolin ang aksis x, ang ikalawang halaga ay kontrolin ang aksis y.

Maaaring maging string (left, center o right) o numero (sa bawat px o %).

Pinapayagan ang mga negatibong halaga.
initial I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang initial.
inherit Mumunuan ang katangian na ito mula sa magulang na elemento. Tingnan ang inherit.

Detalye ng Teknolohiya

Default na Halimbawa: 50% 50%
Halimbawa ng Bunga: String o numero, na naglalarawan ng posisyon ng elemento sa kanyang kahon ng nilalaman.
Versyon ng CSS: CSS3

Suporta ng Browser

Nakalista ang numero sa talahanapan na naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na ito.

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