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

LCD tables only load in the browser

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.