| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Writing Modes Test: <%= title %>.</title> |
| <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> |
| <meta name="assert" content="<%= title %>"> |
| <meta name="flags" content="<%= flags %>"> |
| <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <style> |
| @font-face { |
| font-family: "orientation"; |
| src: url("/fonts/adobe-fonts/CSSHWOrientationTest.otf"); |
| } |
| .test { |
| font: 16px/1 "orientation"; |
| height: 17em; |
| <%= prefix %>writing-mode: vertical-rl; |
| } |
| .line { |
| white-space: pre; |
| } |
| .U { |
| <%= prefix %>text-orientation: upright; |
| } |
| .R { |
| <%= prefix %>text-orientation: sideways; |
| } |
| #details { |
| margin: 1em .5em; |
| } |
| summary { |
| font-size: 1.2em; |
| font-weight: bold; |
| margin-top: .5em; |
| } |
| </style> |
| <div id="log"></div> |
| <div id="details"></div> |
| <div id="container"> |
| <% for (var vo in codePointsByVO) { |
| %><div data-vo="<%= vo %>" class="test"> |
| <% for (var codePointsOfBlock of splitCodePointsByBlocks(codePointsByVO[vo])) { |
| %><div data-block="<%= codePointsOfBlock[1] %>"> |
| <% for (var line of linesFromCodePoints(codePointsOfBlock[0])) { |
| %><div class="line"><%= line %></div> |
| <% } |
| %></div> |
| <% } |
| %></div> |
| <% } |
| %></div> |
| <script src="support/text-orientation.js"></script> |