縦書きで表示させる(1)
書き方
writing-mode:表示方法
表示方法：
| lr-tb | 横書き |
| tb-rl | 縦書き |
解説
writing-modeプロパティで、横書きにするか、縦書きにするかを設定します。
この機能は、InternetExplorer5.5〜の独自機能です。
サンプル
writing-mode : lr-tb (横書き)
待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。
writing-mode : tb-rl (縦書き)
待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。
<STYLE type="text/css">
<!--
.case1 { writing-mode:lr-tb; }
.case2 { writing-mode:tb-rl; height:200px; }
-->
</STYLE>
<H4>writing-mode : lr-tb (横書き)</H4>
<P class="case1">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>
<H4>writing-mode : tb-rl (縦書き)</H4>
<P class="case2">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>
<!--
.case1 { writing-mode:lr-tb; }
.case2 { writing-mode:tb-rl; height:200px; }
-->
</STYLE>
<H4>writing-mode : lr-tb (横書き)</H4>
<P class="case1">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>
<H4>writing-mode : tb-rl (縦書き)</H4>
<P class="case2">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>
関連ページ
