CSS `writing-mode` Property

Wolfram Kriesing - May 30, 2020 - tagged with: #web #css #tidbit

MDN says about CSS property writing-mode:

The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress.

Each of the below has the following CSS properties, to visualize the boxes better.

width: 10rem;
border: 1px solid grey;
writing-mode: <different values>;

vertical-rl

style="writing-mode: vertical-rl;"

style="writing-mode: vertical-lr;"