| ポイント |
<![CDATA[
myTEXT.style.writingMode = str;
<div id="myTEXT" style="writing-mode:lr-tb;width:100px;height:100px">
]]>
|
| 説 明 |
横書きと縦書きを切り替えるにはスタイルシートでwriting-modeを指定しておきます。スタイルシート属性のwriting-modeはwritingModeプロパティとしてJavaScriptからアクセスできますので、ここにtb-rlの文字を指定すると縦書きに、lr-tbの文字を指定すると横書きになります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>横書きと縦書きを切り替える</title>
<script Language="JavaScript"><!--
function change(str)
{
myTEXT.style.writingMode = str;
}
// --></script>
</head>
<body>
<a href="javaScript:change('tb-rl')">縦書き</a><br>
<a href="javaScript:change('lr-tb')">横書き</a><br><br>
<div id="myTEXT" style="writing-mode:lr-tb;width:100px;height:100px">
ここにある文章が<br>
縦書きになったり、横書きになったりします。<br>
縦書きはスタイルシートだけで簡単にできます。
</div>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
横書きと縦書きを切り替える