From the course: CSS Toolkit: Tips and Techniques for Layout and Styling

Unlock this course with a free trial

Join today to access over 24,700 courses taught by industry experts.

Changing writing mode

Changing writing mode - CSS Tutorial

From the course: CSS Toolkit: Tips and Techniques for Layout and Styling

Start my 1-month free trial Buy for my team

Changing writing mode

“

- [Instructor] CSS writing modes allow you to control whether text is displayed horizontally or vertically, and in what order the lines of text appear. This feature is essential for properly displaying vertical and vertical reverse languages, and can also be used for creative typography effects. In CSS, we set the writing mode property to define the text direction. And in this example, I've set this block quote to a writing mode horizontal-tb. And when applied, absolutely nothing changes in the browser for left-to-right scripts like this one because content already flows horizontally from left to right, with each new line positioned below the previous line. This is the default for most European languages and also the default for most browsers. And the same thing applies here. If we change this to a right-to-left script, the text flows from right to left, but new lines still appear below the previous ones. Let me reset this demo here, and now let's go back to our block quote. And let's…

Contents