<p class="rl">縦書きにする<br> 縦書き通常の流れ。writing-mode<br> (垂直/右から左)</p>
<p class="lr">縦書きにする<br> 縦書き逆順の流れ。writing-mode<br> (垂直/左から右)</p>
<p class="rl">縦書きにする<br> 縦書き逆順の流れ。<span class="side_rl">writing-mode</span><br> (垂直/右から左/「sideways-lr」は上から下)</p>
<p class="rl">縦書きにする<br> 縦書き逆順の流れ。<span class="side_lr">writing-mode</span><br> (垂直/右から左/「sideways-lr」は下から上)</p>
<p class="side_lr">値「sideways-...」には、現在、Firefoxしか対応していない。</p>
.rl {
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: vertical-rl;
 writing-mode: vertical-rl;
}
.lr {
 -webkit-writing-mode: vertical-lr;
 -ms-writing-mode: vertical-lr;
 writing-mode: vertical-lr;
}
.side_rl {
 -webkit-writing-mode: sideways-rl;
 -ms-writing-mode: sideways-rl;
 writing-mode: sideways-rl;
}
.side_lr {
 -webkit-writing-mode: sideways-lr;
 -ms-writing-mode: sideways-lr;
 writing-mode: sideways-lr;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.