Właściwość flexFlow stylu
Przykład
Spraw, aby elastyczne elementy były wyświetlane w kolumnach, bez zawijania:
document.getElementById("main").style.flexFlow = "column nowrap";
Definicja i użycie
Właściwość flexFlow jest skróconą własnością dla właściwości flexDirection i flexWrap.
Właściwość flexDirection określa kierunek elastycznych elementów.
Właściwość flexWrap określa, czy elastyczne elementy powinny być zawijane, czy nie.
Uwaga: Jeśli elementy nie są elementami elastycznymi, właściwość flexFlow nie ma żadnego efektu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Składnia
Zwróć właściwość flexFlow:
object.style.flexFlow
Ustaw właściwość flexFlow:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | wiersz terazrap |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość flex-flow elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: właściwość flex-flow
Odniesienie HTML DOM STYLE: właściwość flex
Odniesienie HTML DOM STYLE: właściwość flexBasis
HTML DOM STYLE Reference: właściwość flexDirection
Odniesienie HTML DOM STYLE: właściwość flexGrow
Odniesienie HTML DOM STYLE: właściwość flexShrink
Odniesienie HTML DOM STYLE: właściwość flexWrap
❮ Obiekt stylu