Exemplu
Rearanjarea direcția elementelor flexibile din interiorul <div> elementul:
document.getElementById("main").style.flexDirection = "column-reverse"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate flexDirection sau returnează direcția elementelor flexibile.
Note: În cazul în care elementul nu este un element flexibil, proprietatea flexDirection nu are niciun efect.
Suport pentru browser-
Proprietatea flexDirection este susținută în IE10 +, Firefox, Opera și Chrome.
Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlexDirection.
Sintaxă
Întoarcere proprietatea flexDirection:
object .style.flexDirectionSetați proprietatea flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| row | Valoare implicită. Elementele flexibile sunt afișate orizontal, ca un rând |
| row-reverse | La fel ca rând, dar în ordine inversă |
| column | Elementele flexibile sunt afișate vertical, ca o coloană |
| column-reverse | La fel ca și coloană, dar în ordine inversă |
| 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 |
|---|---|
| Întoarcere Valoare: | Un String, care reprezintă proprietatea flex direcția unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: flex-direction property
HTML DOM STYLE Referință: flex property
HTML DOM STYLE Reference: flexBasis property
HTML DOM STYLE Referinta: flexFlow property
HTML DOM STYLE Reference: flexGrow property
HTML DOM STYLE Reference: flexShrink property
HTML DOM STYLE Reference: flexWrap property
<Style Object