dir
全局属性dir是一个指示元素中文本方向的枚举属性。它的取值如下:
- ltr,指从左到右,用于那种从左向右书写的语言(比如英语);
- rtl,指从右到左,用于那种从右向左书写的语言(比如阿拉伯语);
- auto,指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法,直到发现一个具有强方向性的字符,然后将这一方向应用于整个元素。
使用说明
这个属性对有不同语义的
<bdo>
元素是必须的。
- 这个属性在
<bdi>
元素中不可继承。未赋值时,它的默认值是auto。- 这个属性可以被CSS属性
direction
和unicode-bidi
覆盖,如果CSS网页有效且该元素支持这些属性的话。- 由于文本的方向是和内容的语义而不是和表现相关,因此有可能的话,网页开发者使用这一属性而非CSS属性是被推荐的。这样,即使在不支持CSS或禁用CSS的浏览器中,文本也会正常显示。
- auto应当用于方向未知的数据,如用户输入的数据,最终保存在数据库中的数据。
说明
Specification | Status | Comment |
---|---|---|
HTML Living Standard dir | Living Standard | 自上一版本HTML 5.1没有明显变化。 |
HTML 5.1 dir | Recommendation | HTML Living Standard的快照,和HTML5比没有变化 |
HTML5 dir | Recommendation | HTML Living Standard的快照,在HTML4.01 Specification基础上增加了auto值,并且是全局属性。 |
HTML4.01 Specification dir | Recommendation | 被所有元素支持除了<applet> ,<base> ,<basefont> ,<bdo> ,<br> ,<frame> ,<frameset> ,<iframe> ,<param> 和<script> . |
实例文本方向为从右向左的段落:
<p dir="rtl">write this text right-to-left!</p>
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有主流浏览器都支持dir属性 |
定义和用法
dir 属性规定元素内容的文本方向。
HTML 4.01 与 HTML5之间的差异
在 HTML5 中, dir 属性可用于任何的 HTML 元素(它会验证任何HTML元素。但不一定是有用)。
在 HTML 4.01 中,dir元素不能用于:<base>,<br>,<frame>,<frameset>,<hr>,<iframe>,<param>,和<script>。
语法
<element dirdirdir="ltr | rtl | auto">
属性值
值 | 描述 |
---|---|
ltr | 默认。从左向右的文本方向。 |
rtl | 从右向左的文本方向。 |
auto | 让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。 |