Exemplu
Setați ordinea elementelor flexibile:
/* Code for Safari 6.1 to 8.0 */
div#myRedDIV {-webkit-order: 2;}
div#myBlueDIV {-webkit-order: 4;}
div#myGreenDIV {-webkit-order: 3;}
div#myPinkDIV {-webkit-order: 1;}
/* Standard syntax */
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV
{order: 3;}
div#myPinkDIV {order: 1;}
Încearcă - l singur » Definiție și utilizare
Proprietatea Specifică ordinea unui element relativ flexibil, cu restul elementelor flexibile din interiorul același container.
Note: În cazul în care elementul nu este un element flexibil, proprietatea comenzii are nici un efect.
| Valoare implicită: | 0 |
|---|---|
| Mostenit: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.order="2" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de -webkit- sau -moz- specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| order | 29.0 21,0 -webkit- | 11.0 | 28.0 18,0 -moz- | 9 6.1 -webkit- | 17.0 |
CSS Sintaxa
order: Valori de proprietate Valoare Descriere number Valoare implicită 0. Specifică ordinea pentru elementul flexibil 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
Pagini similare
CSS Referință: flex property
CSS Referință: flex-basis property de flex-basis property
CSS Referință: flex-direction property
CSS Referință: flex-flow property
CSS Referință: flex-grow property
CSS Referință: flex-shrink property
CSS Referință: flex-wrap property
CSS Referință: align-content property
CSS Referință: align-items property de align-items property
CSS Referință: align-self property
HTML DOM referinta: order property