mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
50 lines
2.3 KiB
HTML
50 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html><head><meta charset="utf-8">
|
|
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: mixed.</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-lr;
|
|
}
|
|
.test {
|
|
font: 20px/1 "orientation";
|
|
height: 17em;
|
|
text-orientation: mixed;
|
|
}
|
|
.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">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
|
|
</div></div>
|
|
<div>U+4E00-4E1F<div class="test">
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
</div></div>
|
|
<div>U+FF01-FF60<div class="test">
|
|
<div class="line">国国国国国国国国国国国国A国国国国国国国国国国国国国国AAA国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
|
</div></div>
|
|
</div>
|
|
|
|
</body></html> |