O'Reilly logo

HTML5: Your visual blueprint™ for designing rich web pages and applications by Adam McDaniel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

REORDER OBJECTS IN A FLEXIBLE BOX

You can change the display order of objects within a flexible box without changing the order of the objects in the HTML source code. This is done by setting the box-ordinal-group property to one or more box-children:

box-ordinal-group: number;
-moz-box-ordinal-group: number;
-webkit-box-ordinal-group: number;

A lower box-ordinal-group value means that the child should be displayed earlier in the box display order, and a higher value means later. If multiple children share the same value, as a group they appear in the value’s position, but their individual order is decided by their HTML ordering. All children have a default box-ordinal-group property value of 1, meaning that they are all members of the first ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required