Box-ordinal-group

The display order of the child elements of a box.

Syntax
      box-ordinal-group: group

Elements with a lower value are displayed before those with a higher value. Default ordinal-group = 1

Examples:
h1 { box-ordinal-group: 1; }
.ss64class { box-ordinal-group: 2; }

#SS64id { box-ordinal-group: 3; }

Try it:

This sample area div has a box-ordinal-group value of 2
and is set as display: box;
This is a separate but adjacent DIV.

(CSS 3) Browser Support: None, use the equivalent -moz-box-ordinal-group for Firefox and -webkit-box-ordinal-group for Safari, and Chrome.

“I've never known a musician who regretted being one. Whatever deceptions life may have in store for you, music itself is not going to let you down” ~ Virgil Thomson

Related:

box-align - Align the child elements of a box.
box-direction - The direction in which children of a box are displayed.
box-flex - Whether the children of a box are flexible or inflexible in size.
box-orient - Position child elements horizontally or vertically.
box-pack - Define the horizontal or vertical position or a box.


© Copyright SS64.com 1999-2014
Some rights reserved