Stijl flex Eigenschap
Voorbeeld
Laat alle flexibele items dezelfde lengte hebben, ongeacht de inhoud:
for (i = 0; i
y[i].style.flex = "1";
}
Definitie en gebruik
Met de eigenschap flex wordt de lengte van het item ingesteld of geretourneerd ten opzichte van de rest van de flexibele items in dezelfde container.
De eigenschap flex is een afkorting voor de eigenschappen flexGrow, flexShrink en flexBasis.
Opmerking: Als het element geen flexibel item is, heeft de eigenschap flex geen effect.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
flex | Yes | 11.0 10.0 msFlex |
Yes | 9.0 | Yes |
Syntaxis
Retourneer de eigenschap flex:
object.style.flex
Stel de eigenschap flex in:
object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
flex-grow | A number specifying how much the item will grow relative to the rest of the flexible items |
flex-shrink | A number specifying how much the item will shrink relative to the rest of the flexible items |
flex-basis | The length of the item. Legal values: "auto", "inherit", or a number followed by "%", "px", "em" or any other length unit |
auto | Same as 1 1 auto. |
initial | Same as 0 1 auto. Read about initial |
none | Same as 0 0 auto. |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | 0 1 automatisch |
---|---|
Winstwaarde: | Een String, die de eigenschap flex van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap flex
HTML DOM STYLE Referentie: flexBasis eigenschap
HTML DOM STYLE Referentie: flexDirection eigenschap
HTML DOM STYLE Referentie: flexFlow eigenschap
HTML DOM STYLE Referentie: flexGrow eigenschap
HTML DOM STYLE Referentie: flexShrink eigenschap
HTML DOM STYLE Referentie: flexWrap eigenschap
❮ Stijlobject