Tabia ya flexGrow ya Style

Ufafanuzi na Matumizi

flex-grow Tabia hii inasababisha kuzingatia eneo la kina-mwili kwa kina-mwili zingine katika kina-mwili hii.

Maelezo:Ikiwa kina-mwili hiki haikubaliwa kama kina-mwili cha flexi, flex-grow Tabia inaonekana kama hiyo.

Tazama pia:

Kiwango cha CSS cha Kielezoflex-grow

Mfano

Inafanya eneo la DIV kijani likuweza kuwa kubwa kama kina-mwili zingine kwa nne zaidi kuliko kina-mwili zingine za kina-mwili hii:

document.getElementById("myBlueDiv").style.flexGrow = "5";

Inafanya Kuwa Kuchukua Matokeo

Makusanyiko

Inasikia tabia ya flexGrow:

object.style.flexGrow

Inasikia tabia ya flexGrow:

object.style.flexGrow = "number|initial|inherit"

Wakati wa Tabia

Wakati Kuwasiliana
number Namba, inasababisha kuzingatia eneo la kina-mwili kwa kina-mwili zingine katika kina-mwili huo. Chaguo cha kuzingatia ni 0.
initial Inasikia tabia hii kwa chaguo cha kuzingatia. Tazama initial.
inherit Inasikia tabia hii kutoka kwa eneo la mwingine la mmoja wa kina-mwili. Tazama inherit.

Vitendo Vya Teknolojia

Chaguo cha Kuzingatia: 0
Matokeo wa Kuona: Makutano, inaonyesha maelezo ya eneo la kina-mwili flex-grow.
Toleo la CSS: CSS3

Inasikia Kina-mwili

Maneno ya kwenye tabia hizi ni na sababu ya barivaa ya kwanza ya kusikia tabia hii kwa kina-mwili wa mtumiaji.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Inasikia 11.0 Inasikia 9.0 Inasikia

Sayari za Mawasiliano

HTML DOM STYLE Kiwango cha Kielezoflex

HTML DOM STYLE Kiwango cha KielezoflexBasis

HTML DOM STYLE Kiwango cha KielezoflexDirection

HTML DOM STYLE Kiwango cha KielezoflexFlow

HTML DOM STYLE Kiwango cha KielezoflexShrink

HTML DOM STYLE Kiwango cha KielezoflexWrap