reading-order
ExperimentalA companion to 'reading-flow'. It allows you to manually specify the order in which a screen reader or keyboard navigation should move through elements, regardless of their position in the HTML source.
Usage example
.item-a { reading-order: 2; }
.item-b { reading-order: 1; }
/* Navigation will hit item-b first, then item-a */Initial value
0
Inherited
No
Applies to
blockContainersFlexContainersGridContainers
Animation type
byComputedValueType
reading-order Browser Support
Limited availability 67% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
137+
137+