CSS3

：

プロパティ

：

writing-mode

　編集：2022.07.14 by T.A.

→●、mdn

ブロックフロー方向。

名前	`writing-mode`
値	horizontal-tb \| vertical-rl \| vertical-lr \| sideways-rl \| sideways-lr
初期値	horizontal-tb
適用対象	すべての要素 ― ただし、テーブルの［row グループ、column グループ、row、column］、およびルビ基底コンテナ、ルビ注釈コンテナを除く。
継承	される
百分率	受容しない
算出値	指定値
正準的順序	n/a
アニメーション型	アニメート不可

このプロパティは、一連のテキスト行を［↔横書き、↕縦書き］どちらにレイアウトするか、およびブロックの進行方向を指定する。

horizontal-tb: ブロックフロー方向は「↓」（上から下）になる。
書字モード、タイポグラフィックモードは、いずれも「⇔」横書きになる。
vertical-rl: ブロックフロー方向は「←」（右から左）になる。
書字モード、タイポグラフィックモードは、いずれも「↑↓」縦書きになる。
vertical-lr: ブロックフロー方向は「→」（左から右）になる。
書字モード、タイポグラフィックモードは、いずれも「↑↓」縦書きになる。
sideways-rl: ブロックフロー方向は「←」右から左になる。
書字モードは「↕」縦書きになる。タイポグラフィックモードは「↔」横書きになる。
sideways-lr: ブロックフロー方向は「→」左から右になる。
書字モードは「↕」縦書きになる。タイポグラフィックモードは「↔」横書きになる。

テスト

ここに表示

ここに表示

スクリプト：

スクリプト：

表示内容：

表示内容：