| <style> |
| body { overflow: hidden; } |
| .vertical-rl { -webkit-writing-mode: vertical-rl; padding: 10px 0; } |
| .vertical-lr { -webkit-writing-mode: vertical-lr; } |
| |
| .upright { -webkit-text-orientation: upright; color: blue; } |
| .sideways { -webkit-text-orientation: sideways; color: brown; } |
| .sideways-right { -webkit-text-orientation: sideways-right; color: teal; } |
| |
| .hiragino { font-family: "hiragino mincho pron"; } |
| .times { font-family: "times"; } |
| </style> |
| <body style="font-size: 24px;"> |
| <!-- |
| U+653B and U+6BBB are CJK ideographs |
| U+2307 doesn't have a separate vertical glyph in Hiragino Mincho ProN |
| U+2307 doesn't have a separate vertical glyph in Hiragino Mincho ProN |
| U+30FC is a CJK symbol which has a vertical glyph in Hiragino Mincho ProN |
| which looks like a rotated version of the horizontal glyphs, with |
| the tip pointing to the left |
| U+FF1C is a CJK symbol which has a vertical glyph in Hiragino Mincho ProN |
| which is identical to the horizontal glyph |
| U+FF1D is a CJK symbol which has a vertical glyph in Hiragino Mincho ProN |
| which is a rotated version of the horizontal glyph |
| U+0034 has a vertical glyph in Hiragino Mincho ProN which is a rotated |
| version of the horizontal glyph |
| --> |
| |
| <div class="hiragino">攻殻⌇ー＜＝4</div> |
| |
| <div class="vertical-rl hiragino"> |
| <div>攻殻⌇ー＜＝4</div> |
| <div class="upright">攻殻⌇ー＜＝4</div> |
| <div class="sideways-right">攻殻⌇ー＜＝4</div> |
| <div class="sideways">攻殻⌇ー＜＝4</div> |
| </div> |
| |
| <div class="vertical-rl times"> |
| <div>攻殻⌇ー＜＝4</div> |
| <div class="upright">攻殻⌇ー＜＝4</div> |
| <div class="sideways-right">攻殻⌇ー＜＝4</div> |
| <div class="sideways">攻殻⌇ー＜＝4</div> |
| </div> |
| |
| <div class="vertical-lr hiragino"> |
| <div>攻殻⌇ー＜＝4</div> |
| <div class="upright">攻殻⌇ー＜＝4</div> |
| <div class="sideways-right">攻殻⌇ー＜＝4</div> |
| <div class="sideways">攻殻⌇ー＜＝4</div> |
| </div> |
| </body> |
