O'Reilly logo

CSS Pocket Reference, 4th Edition by Eric A. Meyer

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

Name

box-ordinal-group

Values:

<integer>

Initial value:

1

Applies to:

Normal-flow children of an element with a display value of box or inline-box

Inherited:

No

Computed value:

As declared

Description:

Defines the ordinal group to which flexible boxes belong. Authors can assign flexible boxes to arbitrary group numbers. When laying out the boxes, the groups are laid out in numeric order, with the flexible boxes within each group arranged according to their source order and the value of box-direction. This allows authors to arrange flexible boxes within their parent box in a manner completely independent of their source order.

Examples:

.sticky {box-ordinal-group: 1;}
.footer {box-ordinal-group: 13;}

Note:

This property is from the 2009 version of the Flexible Box specification. It is expected to be deprecated by a new version of the specification, and potentially retired from browsers some time after.

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