<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS Writing Modes Test: text-combine-horizontal - none</title> <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"> <link rel="help" title="9.1. Horizontal-in-Vertical Composition: the ‘text-combine-horizontal’ property" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-horizontal"> <link rel="match" href="reference/text-combine-horizontal-010-ref.htm"> <meta http-equiv="content-language" content="en, ja"> <meta name="flags" content="font"> <meta name="assert" content="This test verifies that 'text-combine-horizontal: none' does not combine multiple characters into the space of a single character i.e. characters from horizontal-only scripts are set sideways, i.e. 90° clockwise from their standard orientation in horizontal text."> <style type="text/css"> @font-face { font-family: "mplus-1p-regular"; src: url("support/mplus-1p-regular.woff") format("woff"); /* filesize: 803300 bytes (784.5 KBytes) */ /* mplus-1p-regular.ttf can be downloaded at/from [TBD later] */ } div { border: 1px solid gray; font-family: "mplus-1p-regular"; font-size: 1.5em; line-height: 2; width: 4em; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } #test { } .tcy /* tate-cyu-yoko: horizontal-in-vertical */ { text-combine-horizontal: none; // The property to be tested } #control { text-orientation: mixed; -webkit-text-orientation: mixed; } </style> </head> <body lang="en"> <p>Test passes if the upper block is <strong>identical</strong> to the lower block, including orientation of each character.</p> <div id="test" lang="ja"><span class="tcy">1</span>月<span class="tcy">2</span>日の次の日は、<br><span class="tcy">1</span>月<span class="tcy">3</span>日です。</div> <hr> <div id="control" lang="ja">1月2日の次の日は、<br>1月3日です。</div> </body> </html>