<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しか対応していない。<small>（2021.1月15日現在）</small></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.