【CSS】writing-mode - 横書き・縦書き
CSSのwriting-modeプロパティについてご紹介します。
writing-mode
writing-modeはテキストの横書き・縦書きを表すプロパティです。
基本構文
writing-mode: 値;値
代表的な値は次の通りです。
| 値 | 意味 |
|---|---|
| horizontal-tb | 横書き |
| vertical-rl | 縦書き（右開始） |
| vertical-lr | 縦書き（左開始） |
サンプル
横書き
次のサンプルはテキストを横書き表示します。
<style>
p {
writing-mode: horizontal-tb;
}
</style>
<p>あいうえお かきくけこ さしすせそ たちつてと なにぬねの</p>縦書き（右開始）
次のサンプルはテキストを縦書き（右開始）表示します。
<style>
p {
writing-mode: vertical-rl;
}
</style>
<p>あいうえお かきくけこ さしすせそ たちつてと なにぬねの</p>縦書き（左開始）
次のサンプルはテキストを縦書き（左開始）表示します。
<style>
p {
writing-mode: vertical-lr;
}
</style>
<p>あいうえお かきくけこ さしすせそ たちつてと なにぬねの</p>
