Tabia ya objectFit ya style

Maelezo na matumizi

objectFit Tabia inasaidia kuzingatia ukubwa wa <img> au <video> kwa kusimamia kina yao.

Tabia hii inaeleza ukurusha wa maudhui kwa kawaida; kwa mfano, "Kusimamia nisii ya kina" au "Kusababisha na kumwengaa kina zaidi kama inabadilika kina ya kina zaidi."

Tafadhali tazama:

Makala ya CSS:CSS object-fit

Maktaba ya CSS:Kina ya kina, inaeleza ukurusha wa elementi

Mfano

Kisikio cha pili cha picha, ikisimamia nisii ya kina, na ikifill kina:

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

Jifunze tena

Maktaba ya lugha

Inarudi tabia ya objectFit:

object.style.objectFit

Inasaidia kuzingatia tabia ya objectFit:

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

Chaguo cha tabia

Chaguo Maelezo
Chaguo cha kuzingatia: Chaguo cha kuzingatia kwa default. Inabadilika ukubwa wa matokeo wa kina kwa kusimamia kina cha kina zaidi kwa kina cha kina zaidi. Kina kinasikilwa au kinasifika kama nafasi inayohitaji.
contain Inabadilika ukubwa wa matokeo wa kina kwa kusimamia nisii ya kina ya kina zaidi, kwa kusimamia kina cha kina zaidi kwa kina cha kina zaidi.
cover Inabadilika ukubwa wa matokeo wa kina ili kusimamia kina cha kina kina zaidi kwa upana wa kina. Kina hiki kinasikilwa.
none Matokeo ya kina yanaotumiwa haianzishwi kubadilika ukubwa.
scale-down Matokeo wa kina cha maudhui ni sawa na none au contain, kulingana na kina anayopata ukubwa wa kina zaidi.
initial Inasaidia kuzingatia tabia hii kwa chaguo cha kuzingatia kwa default. Angalia initial.
inherit Inasaidia kufanya tabia hii kama ya kuzingatia kwa kuzingatia kina ya baba. Angalia inherit.

Maelezo ya mawasiliano

Inayotumika kwa default: Chaguo cha kuzingatia:
fill Matokeo wa kuharibika: Kina ya kina, inaeleza ukurusha wa elementi.
Versio ya CSS: CSS3

Inasimamia kigeukia kina

Mafaniko ya tabia hii inadai namba ya programu ya kigeukia kina inayosimamia tabia hii kwa kawaida.

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