tate-chu-yoko — インタラクティブデモ
オプションを変えると縦組みのプレビューがその場で更新されます。左は未処理、右は <Tcy> で包んだ出力です。
<Tcy> なし（素の縦組み）
第1章 2026年4月19日、Webの縦書きはAPIレベルから進化した。
<Tcy> あり（縦中横）
第1章 2026年4月19日、Webの縦書きはAPIレベルから進化した。
生成されたHTML
第<span class="tcy">1</span>章 <span class="tcy">2026</span>年<span class="tcy">4</span>月<span class="tcy">19</span>日、<span class="tcy">Web</span>の縦書きは<span class="tcy">API</span>レベルから進化した。縦書きと text-combine-upright はモダンブラウザで動作します。右側と左側で見た目が変わらない場合、お使いのブラウザで text-combine-upright: all が有効かご確認ください。