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

css-apisrc/order/App.tsx

Code

Preview

#Syntax

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

#Values

• <number>

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

#Formal definition

#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