reading-order CSS Property

The reading-order property places an individual item at a specific position in the reading flow — requires the parent to use reading-flow: source-order. Items are sorted from lowest to highest, with ties resolved by reading-flow.

.first { reading-order: -1; }

.container { reading-flow: source-order; } .priority { reading-order: -1; } .deprioritized { reading-order: 10; }