CSS order attribute of the Flexible elastic box model, flexiblecss

CSS order attribute of the Flexible elastic box model, flexiblecss
Instance

Set the sequence of elastic box object elements:

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

Browser support for copying preview results

The number in the table indicates the version number of the first browser that supports this attribute.

The number following-webkit-,-ms-, or-moz-is the first version that supports this prefix attribute.

Attribute
Order	29.0 21.0-webkit-	11.0	28.0 18.0-moz-	9.0 6.1-webkit-	17.0

Definition and usage

Set or retrieve the sequence of the child elements of the elastic box model object ..

NOTE: If an element is not an element of an Elastic box object, the order attribute does not work.

Default Value:	0
Inheritance:	No
Animations:	Yes,See individual attributes. SeeCSS3 animation attributes and CSS3 animation instances. Effect Preview
Version:	CSS3
JavaScript Syntax:	Object. Style. order = "2" effect Preview

 

CSS syntax order: Number| Initial | inherit; Attribute Value

Value	Description
Number	The default value is 0. Specifies the order of flexible projects.
Initial	Set this property to its default value. SeeInitial.
Inherit	This attribute is inherited from the parent element. SeeInherit.