Order: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) (Skapade sidan med 'Vanligtvis placeras flexelement ut efter varandra, allt eftersom de är angivna i HTML-koden. Detta är ju även beteendet som vanliga <code>div</code>-boxar har som standard....') |
PGJ (diskussion | bidrag) |
||
| Rad 22: | Rad 22: | ||
== Exempel == | == Exempel == | ||
<codepen pen="pJXejR" height=" | <codepen pen="pJXejR" height="300" tab="css,result"> | ||
</codepen> | </codepen> | ||
== Egenskapens definition == | == Egenskapens definition == | ||
https://drafts.csswg.org/css-flexbox-1/#order-property | https://drafts.csswg.org/css-flexbox-1/#order-property | ||
Nuvarande version från 30 januari 2019 kl. 15.51
Vanligtvis placeras flexelement ut efter varandra, allt eftersom de är angivna i HTML-koden. Detta är ju även beteendet som vanliga div-boxar har som standard. Men med flexbox kan man välja i vilken ordning saker ska läggas ut. Man använder sig då av order Se Flexbox - byta ordning för mer info.
Egenskaper
| Parametrar | <gruppnummer> |
| Defaultvärde | 0 |
| Ärvs? | Nej |
| Animerbart? | Ja |
| Fungerar med... | Element i flexbehållare |
<gruppnummer> anger ett tal som visar vilken grupp en flexbox tillhör. Ju lägre gruppnummer den har, desto tidigare sätts den ut. De som delar på samma gruppnummer placeras ut i den ordning de definieras i dokumentet.