<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> script </title>
</head>
<body>
<!---- 아래의 방법으로 <BODY> 와 </BODY> 태그 사이에 붙여 넣으세요 --->
<DIV ID="test" STYLE="position:absolute;color:red;font-weight:bold;width:200;height:240">이 문장을 세로로 보여지게 하려면 아무곳이나 클릭 해 보세요</DIV>
<SCRIPT LANGUAGE="JavaScript">
document.onclick = rotate;
function rotate() {
if (test.style.writingMode == "lr-tb") {
test.style.writingMode = "tb-rl";
}
else {
test.style.writingMode = "lr-tb";
}
}
</SCRIPT>
<!------------------------- 여기까지 ------------------------------------>
<DIV style="position:absolute;top:250">
<b>writingMode</b>
<p>
lr-tb : 왼쪽에서 오른쪽으로, 위에서 아래로 보여지게 합니다<br>
tb-rl : 위쪽에서 아래쪽으로, 오른쪽에서 왼쪽으로 보여줍니다
</DIV>
</body>
</html>