CSS Master Code Examples: Chapter 4

Managing Typesetting with text-orientation

Writing systems, and the fonts that use them, have one or more native orientations. Latin, Arabic, and Devangari-based scripts are always written horizontally, and therefore have a horizontal native orientation. Mongolian script is always written vertically and has a vertical native orientation. Chinese, Japanese, and Korean can be written vertically or horizontally, which is known as bidirectional orientation. Native orientation helps determine how glyphs are displayed within a document.

When characters from horizontal scripts are used in text with a vertical orientation, they're rotated by 90°. We can change that with text-orientation.

English-to-Japanese translation by Google Translate. Related specification: CSS Writing Modes Level 4.

mixed これは、数字80とこれが出版された年、2018を含むテキスト行です。

upright これは、数字80とこれが出版された年、2018を含むテキスト行です。

sideways これは、数字80とこれが出版された年、2018を含むテキスト行です。