Syntax

Writing Mode

Setting different writing mode.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
writing:modewriting-mode: mode;
writing:horizontal-tbwriting-mode: horizontal-tb;
writing:vertical-rlwriting-mode: vertical-rl;
writing:vertical-lrwriting-mode: vertical-lr;
writing:lrwriting-mode: lr;
writing:lr-tbwriting-mode: lr-tb;
writing:rlwriting-mode: rl;
writing:rl-tbwriting-mode: rl-tb;
writing:tbwriting-mode: tb;
writing:tb-rlwriting-mode: tb-rl;

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="writing-mode:horizontal-tb:hover writing-mode:horizontal-tb@sm writing-mode:horizontal-tb@dark writing-mode:horizontal-tb@print"></div>
Syntax
Word Spacing

Setting the spacing between words.

Syntax
Z Index

Set the z-order of a positioned element.

© Aoyue Design LLC.