| 縦書きにする （詳細情報） |
|---|
| 対応 |
Internet Explorer 5.5 ↑ （ブラウザの対応）
|
| 字体 |
writing-mode:★; direction:★;
|
| 指定 |
★の部分に下記の「 」内 の効果を指定していきます。
writing-mode:★; と direction:★; の２つ選ぶことができます。
- 「writing-mode:★;」 文章を縦書きか横書きか指定できる。
「tb-rl」 を指定すると ･･･ 文章を縦書きに指定することができる。
「lr-tb」 を指定すると ･･･ 文章を横書きに指定する。
- 「direction:★;」文章の書き始める方向を指定できる。
「ltr」 を指定すると ･･･ 文章を左から表示していく。
「rtl」 を指定すると ･･･ 文章を右から表示していく。
|
| 効果 |
文字を縦書きで表示することができます。 |
| 例１ |
<div style="direction:rtl;width:100%;">
<span style="direction:rtl;writing-mode:tb-rl;">
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
</span>
</div>
|
| 結果 |
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
|
| 解説 |
上のサンプルでは、div が親要素的な役割を果たしています。親部分で横幅を指定していないと表示できません。
|
