CSSで日本語を縦書き表示する方法
- CSS
.vertical { -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; }
- HTML
<p class="vertical">古池や蛙飛びこむ水の音<br />芭蕉</p>
.vertical { -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; }
<p class="vertical">古池や蛙飛びこむ水の音<br />芭蕉</p>