The direction in which child elements of a box element are laid out.
Syntax box-direction: normal | reverse | inherit ;
normal - Display in the default direction.
reverse - Display in reverse direction.
inherit - Inherit from a parent element.
Examples:
h1 { box-direction: reverse; }
.emw3class { box-direction: reverse; }
#emw3id { box-direction: reverse; }
Try it:
*FirstChild *SecondChild *ThirdChild |
(CSS 3) Browser Support: None, use the equivalent -moz-box-direction for Firefox and -webkit-box-direction for Safari, Opera, and Chrome.
“I've never known a musician who regretted being one. Whatever deceptions life may have in store for you, music itself is not going to let you down” ~ Virgil Thomson
Related:
box-direction - MDN Web Docs.