HTML dir 属性

HTML 全局属性


实例

一段方向从右向左的段落:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p dir="rtl">从右向左写文本!</p>
  5. </body>
  6. </html>

浏览器支持

属性
dirYesYesYesYesYes

所有浏览器均支持 dir 属性。


定义和用法

dir 属性规定元素内容的文本方向。

dir 属性的取值如下:

  • ltr, 指从左到右,用于那种从左向右书写的语言(比如英语);
  • rtl, 指从右到左,用于那种从右向左书写的语言(比如阿拉伯语);
  • auto, 指由浏览器决定方向。它在解析元素中字符时会运用一个基本算法,直到发现一个具有强方向性的字符,然后将这一方向应用于整个元素。

提示和注释

注释:dir 属性在以下标签中无效:<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>。

这个属性对有不同语义的<bdo>元素是必须的。

  • 这个属性在<bdi>元素中不可继承。未赋值时,它的默认值是auto。

  • 这个属性可以被CSS属性direction和unicode-bidi覆盖,如果CSS网页有效且该元素支持这些属性的话。

  • 由于文本的方向是和内容的语义而不是和表现相关,因此有可能的话,网页开发者使用这一属性而非CSS属性是被推荐的。这样,即使在不支持CSS或禁用CSS的浏览器中,文本也会正常显示。

  • auto应当用于方向未知的数据,如用户输入的数据,最终保存在数据库中的数据。


语法

  1. <element dir="ltr|rtl">
属性值
描述
ltr默认。从左向右的文本方向。
rtl从右向左的文本方向。