CSS direction 属性

实例

把文本方向设置为“从右向左”：

div
  {
  direction: rtl
  }

浏览器支持

IE Firefox Chrome Safari Opera

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

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

定义和用法

direction 属性规定文本的方向 / 书写方向。

该属性指定了块的基本书写方向，以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。

默认值： ltr
继承性： yes
--- ---
版本： CSS2
--- ---
JavaScript 语法： object.style.direction="rtl"
--- ---

可能的值

值 描述
ltr 默认。文本方向从左到右。
rtl 文本方向从右到左。
inherit 规定应该从父元素继承 direction 属性的值。

TIY 实例

设置文本的方向

本例演示如何设置文本的方向。

<html>
<head>
<style type="text/css">
div.one
{
direction: rtl
}
div.two
{
direction: ltr
}
</style>
</head>
<body>

<div class="one">Some text. Right-to-left direction.</div>
<div class="two">Some text. Left-to-right direction.</div>

</body>
</html>

相关页面

CSS 教程：CSS 文本

HTML DOM 参考手册：direction 属性