Ultimele tutoriale de dezvoltare web
 

Style flexFlow Property

<Style Object

Exemplu

Asigurați-display flexibil elemente în coloane, și nici un ambalaj:

document.getElementById("main").style.flexFlow = "column nowrap";
Încearcă - l singur »

Definiție și utilizare

Proprietatea flexFlow este o proprietate prescurtare pentru flexDirection și proprietățile flexWrap.

Proprietatea flexDirection specifică direcția elementelor flexibile.

Proprietatea flexWrap specifică dacă elementele flexibile trebuie să înveliți sau nu.

Note: În cazul în care elementele nu sunt elemente flexibile, proprietatea flexFlow nu are niciun efect.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea flexFlow este susținută în IE10 +, Firefox, Opera și Chrome.

Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlexFlow.


Sintaxă

Întoarcere proprietatea flexFlow:

object .style.flexFlow

Setați proprietatea flexFlow:

object .style.flexFlow=" Valori de proprietate
Valoare Descriere
flex-direction Valori posibile:

rând
rând-revers
coloană
coloană inversă
iniţială
moşteni

Valoarea implicită este "row" .

Specificarea direcția elementelor flexibile

flex-wrap Valori posibile:

nowrap
împacheta
wrap-revers
iniţială
moşteni

Valoarea implicită este "nowrap" .

Specificarea dacă elementele flexibile trebuie să înveliți sau nu

initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: rând nowrap
Întoarcere Valoare: Un String, care reprezintă proprietatea de curgere flex a unui element
CSS Versiune CSS3

Pagini similare

Referință CSS: flex-flow property

HTML DOM STYLE Referință: flex property

HTML DOM STYLE Reference: flexBasis property

HTML DOM STYLE Referinta: flexDirection property

HTML DOM STYLE Reference: flexGrow property

HTML DOM STYLE Reference: flexShrink property

HTML DOM STYLE Reference: flexWrap property


<Style Object