| 縦組みにする （詳細情報） |
|---|
| 対応 |
Internet Explorer 5 ↑ （ブラウザの対応）
|
| 字体 |
layout-flow:★; direction:★;
|
| 指定 |
★の部分に下記の「 」内 の効果を指定していきます。
layout-flow:★; と direction:★; の２つ選ぶことができます。
- 「layout-flow:★;」 文章を縦書きか横書きか指定できる。
「vertical-ideographic」 を指定すると ･･･ 文章を縦組みに指定できる。
「horizontal」 を指定すると ･･･ 文章を横組みに指定できる。
- 「direction:★;」文章の書き始める方向を指定できる。
「ltr」 を指定すると ･･･ 文章を左から表示していく。
「rtl」 を指定すると ･･･ 文章を右から表示していく。
|
| 効果 |
文章を縦組みに指定することができます。 |
| 例１ |
<div style="direction:rtl;width:100%;">
<span style="direction:rtl;layout-flow:vertical-ideographic;">
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
</span>
</div>
|
| 結果 |
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
|
| 解説 |
同じ縦書きにするスタイルシート（writing-mode:★;） との違いがよく分かりませんでした。
|
