Style flexBasis egenskap
- Föregående sida flex
- Nästa sida flexDirection
- Gå tillbaka till föregående nivå HTML DOM Style Object
Definition och användning
flexBasis
Egenskapen specificerar den initiala längden för det elastiska objektet.
Kommentar:Om elementet inte är ett elastiskt objekt, flexBasis
Egenskapen är ogiltig.
Se också:
CSS referenshandbok:flex-basis egenskap
Exempel
Sätt den initiala längden för det elastiska objektet till 200 pixlar:
document.getElementById("myBlueDiv").style.flexBasis = "200px";
Syntax
Returnera flexBasis egenskap:
object.style.flexBasis
Ställ in flexBasis egenskap:
object.style.flexBasis = "number|auto|initial|inherit"
Egenskapsvärde
Värde | Beskrivning |
---|---|
number | Specificera den initiala längden för det elastiska objektet, längd enhet eller procent. |
auto |
Standardvärde. Längden är lika med längden på det elastiska objektet. Om objektet inte har en specificerad längd, beror längden på dess innehåll. |
initial | Sätt detta egenskap till dess standardvärde. Se initial. |
inherit | Inherritar detta egenskap från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | auto |
---|---|
Returvärde: | Sträng, som anger elementets flex-basis egenskap. |
CSS version: | CSS3 |
Webbläsarstöd
Tal i tabellen anger den första webbläsarens version som helt stöder egenskapen.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stödjer | 11.0 | Stödjer | 9.0 | Stödjer |
Relaterade sidor
HTML DOM STYLE referenshandbok:flex egenskap
HTML DOM STYLE referenshandbok:flexDirection egenskap
HTML DOM STYLE referenshandbok:flexFlow egenskap
HTML DOM STYLE referenshandbok:flexGrow egenskap
HTML DOM STYLE referenshandbok:flexShrink egenskap
HTML DOM STYLE referenshandbok:flexWrap egenskap
- Föregående sida flex
- Nästa sida flexDirection
- Gå tillbaka till föregående nivå HTML DOM Style Object