Katangian ng objectFit na style

Pagsasagawa at paggamit

objectFit Ang katangian na ito ay ginagamit upang tukuyin kung paano itutulak ang laki ng <img> o <video> upang sumama sa kanyang container.

Ang katangian na ito ay nagsasabi kung paano maglalaman ang nilalaman sa kongkreto ng container sa iba't ibang paraan; halimbawa, "manatiling proporsyonal ang laki" o "magpapatuloy at gumamit ng maraming espasyo na posible."

Mga ibang sanggunian:

Tuturo ng CSS:CSS object-fit

Manwal ng CSS:Atribute na object-fit

Halimbawa

I-cut ang gilid ng imahe, mananatili ang proporsyonalidad ng laki at pinupunan ang espasyo:

document.getElementById("myImg").style.objectFit = "cover";

Subukan ang iyong sarili

Mga sintaksis

I-balik ang katangian ng objectFit:

object.style.objectFit

I-set ang katangian ng objectFit:

object.style.objectFit = "fill|contain|cover|scale-down|none|initial|inherit"

Halaga ng katangian

Halaga Paglalarawan
fill Pangkaraniwang halaga. I-tutulak ang laki ng nilalagay upang pinupunan ang haba at luwang ng pinupunan na elementong. Kung kinakailangan, ang obhektong ito ay maaaring itulak o itumik.
contain I-tutulak ang nilalagay na nilalagay upang manatiling proporsyonal sa angkan ng luwang at haba ng elementong. Ang nilalagay na nilalagay ay magiging kasama.
cover I-tutulak ang laki ng nilalagay upang manatiling proporsyonal sa haba at luwang ng pinupunan na elementong. Ang obhektong ito ay maaaring ikutukutok.
none Ang nilalagay na nilalagay ay hindi maitutulak ng laki.
scale-down Ang laki ng nilalaman ay katulad ng none o contain, depende sa kung sinumang makuha ang mas maliit na laki ng obhektong ito.
initial I-set ang katangian na ito sa kanyang pangkaraniwang halaga. Tingnan ang initial。
inherit Mumunukan ang katangian na ito mula sa magulang na elementong. Tingnan ang inherit。

Detalye ng teknolohiya

Pangkaraniwang halaga: fill
Halimbawa ng pagbabalik: String na naglalarawan ng laki ng elementong Atribute na object-fit。
Versyon ng CSS： CSS3

Suporta ng browser

Ang mga numero sa talahanayan ay 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 7.1 19.0