writing-modeで縦書き・横書きを指定する【CSS】

writing-modeは文字を記述する際の縦書き、または横書きの方向を指定するプロパティです。

writing-modeの指定方法

writing-modeプロパティでは以下のような値を指定できます。

horizontal-tb

horizontal-tbは横書きで、上から下へと行ブロックを並べることを指定します。

tbとは「top to bottom（上から下へ）」の略。

vertical-rl

vertical-rlを指定すると、縦書きで、右から左へと行ブロックが並べられます。

rlとは「right to left（右から左へ）」の略。

vertical-lr

vertical-lrを指定すると、縦書きで、左から右へと行ブロックが並べられます。

lrとは「left to right（左から右へ）」の略。

以下は「vertical-rl」と「vertical-lr」を指定したときの表示例です。