mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
50 lines
1.7 KiB
HTML
50 lines
1.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
|
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: sideways.</title>
|
|
<meta content="font" name="flags" />
|
|
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
|
|
<style>
|
|
@font-face {
|
|
font-family: "orientation";
|
|
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
|
}
|
|
html {
|
|
writing-mode: vertical-rl;
|
|
}
|
|
.test {
|
|
font: 20px/1 "orientation";
|
|
height: 17em;
|
|
text-orientation: sideways;
|
|
}
|
|
.line {
|
|
white-space: pre;
|
|
}
|
|
</style>
|
|
</head><body>
|
|
<div id="container">
|
|
<div>U+0020-007E<div class="test">
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
</div></div>
|
|
<div>U+3000-30FF<div class="test">
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAA</div>
|
|
</div></div>
|
|
<div>U+4E00-4E1F<div class="test">
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
</div></div>
|
|
<div>U+FF01-FF60<div class="test">
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
|
</div></div>
|
|
</div>
|
|
|
|
</body></html> |