diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/mongolian-orientation-002.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/mongolian-orientation-002.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/mongolian-orientation-002.html b/testing/web-platform/tests/css/css-writing-modes/mongolian-orientation-002.html new file mode 100644 index 0000000000..66dde36ac0 --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/mongolian-orientation-002.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Writing Modes Test: orientation of mongolian</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> +<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation"> +<link rel="match" href="reference/mongolian-orientation-001-ref.html"> +<meta name="assert" content="In Mongolian, in horizontal text, glyphs are typeset in a 90° counter-clockwise rotation from their intrisic vertical orientation. text-orientation:sideways causes all text to be typeset sideways, as if in a horizontal layout, but rotated 90° clockwise. text-orientation:mixed causes typographic character units from vertical scripts are typeset with their intrinsic orientation. These two should therefore result in the same thing"> +<style> +div { + font-family: "Mongolian White"; /* Not required for the test to work, +but it helps make it look not ugly if you have the font installed.*/ + font-size: 2em; + margin: 1em; + writing-mode: vertical-lr; + float: left; +} +div:nth-of-type(1) { text-orientation: mixed; } +div:nth-of-type(2) { text-orientation: sideways; } +</style> + +<p>The test passes if you see two identical lines of vertical text (in Mongolian). + +<div>ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ</div> +<div>ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ</div> |