Właściwość elastycznej podstawy CSS
Przykład
Ustaw początkową długość drugiego elementu elastycznego na 100 pikseli:
div:nth-of-type(2) {
flex-basis:
100px;
}
Definicja i użycie
Właściwość flex-basis
określa początkową długość elastycznego elementu.
Uwaga: Jeśli element nie jest elementem elastycznym, flex-basis
właściwość nie ma wpływu.
Domyślna wartość: | automatyczny |
---|---|
Dziedziczny: | nie |
Animowalny: | tak. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.flexBasis="200px" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Liczby, po których następuje -webkit- lub -moz- określają pierwszą wersję, która działała z przedrostkiem.
Property | |||||
---|---|---|---|---|---|
flex-basis | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
Składnia CSS
flex-basis: number|auto|initial|inherit;
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
number | A length unit, or percentage, specifying the initial length of the flexible item(s) | |
auto | Default value. The length is equal to the length of the flexible item. If the item has no length specified, the length will be according to its content | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Powiązane strony
Samouczek CSS: elastyczne pudełko CSS
Dokumentacja CSS: właściwość flex
Dokumentacja CSS: właściwość flex-direction
Dokumentacja CSS: właściwość flex-flow
Dokumentacja CSS: właściwość flex-grow
Dokumentacja CSS: właściwość flex-shrink
Dokumentacja CSS: właściwość flex-wrap
Dokumentacja HTML DOM: właściwość flexBasis