Najnowsze tutoriale tworzenie stron internetowych
 

Style flexFlow Property

<Style obiektu

Przykład

Dokonać elastyczne przedmioty wystawowe w kolumnach, a nie opakowanie:

document.getElementById("main").style.flexFlow = "column nowrap";
Spróbuj sam "

Definicja i Wykorzystanie

Nieruchomość flexFlow jest skróconą własnością dla flexDirection i właściwości flexWrap.

Nieruchomość flexDirection określa kierunek elastycznych elementów.

Nieruchomość flexWrap określa, czy elastyczne elementy powinny zawinąć czy nie.

Note: Jeśli elementy nie są elastyczne elementy, właściwość flexFlow nie ma żadnego wpływu.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość flexFlow jest obsługiwana w IE10 +, Firefox, Opera i Chrome.

Uwaga: Safari 6.1+ obsługuje alternatywę, właściwość WebkitFlexFlow.


Składnia

Zwraca właściwość flexFlow:

object .style.flexFlow

Ustaw właściwość flexFlow:

object .style.flexFlow=" wartości nieruchomości
Wartość Opis
flex-direction Możliwe wartości:

rząd
wiersz odwrotnej
kolumna
kolumny z odwróconymi
inicjał
dziedziczyć

Wartość domyślna "row" .

Określanie kierunku elastycznych elementów

flex-wrap Możliwe wartości:

nowrap
owinąć
okład wstecznych
inicjał
dziedziczyć

Domyślną wartością jest "nowrap" .

Określanie, czy elastyczne elementy powinny zawinąć lub nie

initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: rząd nowrap
Zwracana wartość: Ciąg, stanowiących własność flex-przepływu elementu
Wersja CSS CSS3

Podobne strony

Odniesienie CSS: flex-flow property

HTML DOM STYL referencyjny: flex property

HTML DOM STYL referencyjny: flexBasis property

HTML DOM STYL referencyjny: flexDirection property

HTML DOM STYL referencyjny: flexGrow property

HTML DOM STYL referencyjny: flexShrink property

HTML DOM STYL referencyjny: flexWrap property


<Style obiektu