order

Introduction

The order CSS property sets the order to lay out an item in container. Items in a container are sorted by ascending order value and then by their source code order. Items not given an explicit order value are assigned the default value of 0.

Examples

Syntax

/* Numerical value including negative numbers */
order: 5;
order: -5;

Values

Represents the ordinal group to be used by the item. Default value is 0.

Formal definition

Initial value0
Applies tochild element withposition: relative
Inheritedno
Animatableno

Difference with the Web

  1. It is not supported to use on position: absolute/fixed/sticky flex and grid container children.
  2. Using order will not influence the element's painting order in Lynx.

Compatibility

Loading...

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.