Styl buig eiendom
Voorbeeld
Laat al die buigsame items dieselfde lengte hê, ongeag die inhoud daarvan:
for (i = 0; i
y[i].style.flex = "1";
}
Definisie en gebruik
Die flex-eienskap stel of gee die lengte van die item terug, relatief tot die res van die buigsame items binne dieselfde houer.
Die flex-eienskap is 'n snelskrif vir die flexGrow-, flexShrink- en die flexBasis-eienskappe.
Let wel: As die element nie 'n buigsame item is nie, het die buigsameienskap geen effek nie.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
flex | Yes | 11.0 10.0 msFlex |
Yes | 9.0 | Yes |
Sintaksis
Gee die buigsameienskap terug:
object.style.flex
Stel die flekseienskap:
object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 0 1 outomaties |
---|---|
Terugkeerwaarde: | 'n String, wat die buig-eienskap van 'n element voorstel |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: flex eiendom
HTML DOM STYL Verwysing: flexBasis eiendom
HTML DOM STYLE Verwysing: flexDirection eiendom
HTML DOM STYL Verwysing: flexFlow eiendom
HTML DOM STYL Verwysing: flexGrow eiendom
HTML DOM STYLE Verwysing: flexShrink eiendom
HTML DOM STYLE Verwysing: flexWrap eiendom
❮ Stylvoorwerp