HTML dir 属性
HTML 全局属性
实例
一段方向从右向左的段落:
<!DOCTYPE html>
<html>
<body>
<p dir="rtl">从右向左写文本!</p>
</body>
</html>
浏览器支持
属性 | |||||
---|---|---|---|---|---|
dir | Yes | Yes | Yes | Yes | Yes |
所有浏览器均支持 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应当用于方向未知的数据,如用户输入的数据,最终保存在数据库中的数据。
语法
<element dir="ltr|rtl">
属性值
值 | 描述 |
---|---|
ltr | 默认。从左向右的文本方向。 |
rtl | 从右向左的文本方向。 |