mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
52 lines
No EOL
2.5 KiB
HTML
52 lines
No EOL
2.5 KiB
HTML
<!DOCTYPE html>
|
||
<html><head><meta charset="utf-8">
|
||
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: upright.</title>
|
||
<link href="reference/text-orientation-upright-vrl-100-ref.htm" rel="match">
|
||
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help">
|
||
<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: upright;
|
||
}
|
||
.line {
|
||
white-space: pre;
|
||
}
|
||
</style>
|
||
</head><body>
|
||
<div id="container">
|
||
<div>U+0020-007E<div class="test">
|
||
<div class="line"> !"#$%&'()*+,-./0123456789:;=?@A</div>
|
||
<div class="line">BCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`a</div>
|
||
<div class="line">bcdefghijklmnopqrstuvwxyz{|}~</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">！＂＃＄％＆＇（）＊＋，－．／０１２３４５６７８９：；＜＝＞？＠</div>
|
||
<div class="line">ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ［＼］＾＿｀</div>
|
||
<div class="line">ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ｛｜｝～｟｠</div>
|
||
</div></div>
|
||
</div>
|
||
|
||
</body></html> |