CSS direction 属性

实例

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

  1. div
  2.   {
  3.   direction: rtl
  4.   }

浏览器支持


IE Firefox Chrome Safari Opera
ie firefox chrome safari opera

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

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

定义和用法

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

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

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

可能的值

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

实例

设置文本的方向

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

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. div.one
  5. {
  6. direction: rtl
  7. }
  8. div.two
  9. {
  10. direction: ltr
  11. }
  12. </style>
  13. </head>
  14. <body>
  16. <div class="one">Some text. Right-to-left direction.</div>
  17. <div class="two">Some text. Left-to-right direction.</div>
  19. </body>
  20. </html>

相关页面

CSS 教程：CSS 文本

HTML DOM 参考手册：direction 属性