Intended audience: users, XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), CSS coders, Web project managers, and anyone who wants to know whether browsers support CSS properties related to vertical text.
These tests check whether browsers support vertical text as specified in CSS3.
Note that the snapshot summaries of these test results are for released versions of the browsers tested. Versions that are still in development may provide better support for these features. The tests themselves do not test any vendor prefixes.
To see the test, click on the link in the left-most column. To see detailed results for a single test, click on the link in the right-most column. To submit test data for a single test, click on the link in the right-most column and then follow the link on that page.
The tables show the latest results from the W3C Test Framework. Below the tables are summaries of the results at a given date. The table data may be more up-to-date than the summary. The tables may also contain some incorrectly scored tests, and tests that relate to non-released versions of browsers. These are not included in the summary.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| chinese | [Exploratory test] Setting writing-mode to vertical-rl will cause Chinese text to run vertically down the left size of a box, with upright characters, and wrap to the left, and cause paragraphs to flow to the left. | vertical-text-001 | ||||
| japanese | [Exploratory test] Setting writing-mode to vertical-rl will cause Japanese text using kanji, hiragana and katakana to run vertically down the left size of a box, with upright characters, and wrap to the left, and cause paragraphs to flow to the left. | vertical-text-002 | ||||
| mongolian | [Exploratory test] Setting writing-mode to vertical-lr will cause Mongolian text to run vertically down the left size of a box, with upright characters, and wrap to the right, and cause paragraphs to flow to the right. | vertical-text-003 |
Links: Section 3.1 • Latest results for section 3.1 • Submit data for section 3.1 • Related tests
None of the browsers tested currently supports vertical text display.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| latin in chinese | [Exploratory test] Setting writing-mode to vertical-rl will cause Latin text embedded in vertical Chinese to flow down the page, with letters rotated 90 degrees clockwise, and wrap to the left. | vertical-text-004 | ||||
| latin in mongolian | [Exploratory test] Setting writing-mode to vertical-lr will cause Latin text embedded in vertical Mongolian to flow down the page, with letters rotated 90 degrees clockwise, and wrap to the right. | vertical-text-005 | ||||
| arabic in chinese | [Exploratory test] Setting writing-mode to vertical-rl will cause Arabic text embedded in vertical Chinese to flow up the page, with letters rotated to the right, and wrap to the left, such that the Arabic lines are read right to left, and the letters join correctly. | vertical-text-006 | ||||
| arabic in mongolian | [Exploratory test] Setting writing-mode to vertical-lr will cause Arabic text embedded in vertical Mongolian to flow up the page, with letters rotated to the right, and wrap to the right, such that the Arabic lines are read left to right, and the letters join correctly. | vertical-text-007 | ||||
| mongolian in chinese | [Exploratory test] Setting writing-mode to vertical-rl will cause Mongolian text embedded in vertical Chinese to flow down the page, with letters in the normal vertical orientation, and wrap to the left. | vertical-text-008 | ||||
| chinese in mongolian | [Exploratory test] Setting writing-mode to vertical-lr will cause Chinese text embedded in vertical Mongolian to flow down the page, with letters upright, and wrap to the right. | vertical-text-009 |
Links: Section 3.1 • Latest results for section 3.1 • Submit data for section 3.1 • Related tests
These results mirror those of the basic tests described just above.
As a general summary, it is still not possible to use vertical text interoperably.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| chinese | [Exploratory test] Setting writing-mode to tb-rl will cause Chinese text to run vertically down the left size of a box, with upright characters, and wrap to the left, and cause paragraphs to flow to the left. | vertical-text-101 | ||||
| japanese | [Exploratory test] Setting writing-mode to tb-rl will cause Japanese text using kanji, hiragana and katakana to run vertically down the left size of a box, with upright characters, and wrap to the left, and cause paragraphs to flow to the left. | vertical-text-102 | ||||
| mongolian | [Exploratory test] Setting writing-mode to tb-lr will cause Mongolian text to run vertically down the left size of a box, with upright characters, and wrap to the right, and cause paragraphs to flow to the right. | vertical-text-103 |
Links: Section 3.1 • Latest results for section 3.1 • Submit data for section 3.1 • Related tests
Of the browsers tested, only Internet Explorer currently supports vertical text display using the deprecated tb-... value, although the latest version of IE does so not only for Chinese and Japanese but for Mongolian also.