CSS order eigenschap

Definitie en gebruik

De order-eigenschap bepaalt de volgorde van het elastische item ten opzichte van de andere elastische items in dezelfde container.

Opmerking:Als het element geen elastisch item is, is de order-eigenschap ongeldig.

Zie ook:

CSS referentiehandleiding:flex eigenschap

CSS referentiehandleiding:flex-basis eigenschap

CSS referentiehandleiding:flex-direction eigenschap

CSS referentiehandleiding:flex-flow eigenschap

CSS referentiehandleiding:flex-grow eigenschap

CSS referentiehandleiding:flex-shrink eigenschap

CSS referentiehandleiding:flex-wrap eigenschap

CSS referentiehandleiding:align-content eigenschap

CSS referentiehandleiding:align-items eigenschap

CSS referentiehandleiding:align-self eigenschap

HTML DOM referentiehandleiding:order eigenschap

Voorbeeld

Stel de volgorde van de elastische items in:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Probeer het zelf

CSS syntaxis

order: number|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
number De standaardwaarde is 0. Bepaal de volgorde van de elastische items.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderweergave. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Inherit: nee
Animatie maken: Ondersteund. Raadpleeg de afzonderlijke eigenschappen. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.order="2"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0