HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

direction

Style direction 属性

定义和用法

direction 属性设置或返回元素的文本方向。

语法

设置 direction 属性：

Object.style.direction="ltr|rtl|inherit"

返回 direction 属性：

Object.style.direction

值	描述
ltr	默认。文本流从左到右。
rtl	文本流从右到左。
inherit	文本方向从父元素继承。

浏览器支持

所有主要浏览器都支持 direction 属性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

把文本流设置为从右到左：

<html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.direction="rtl";
}
</script>
</head>
<body>

<p id="p1">This is some text.</p>
<br>

<button type="button" onclick="displayResult()">Let text flow from right to left</button>

</body>
</html>