• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • dir

    全局属性dir是一个指示元素中文本方向的枚举属性。它的取值如下:

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

    使用说明

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

    • 这个属性在<bdi>元素中不可继承。未赋值时,它的默认值是auto。
    • 这个属性可以被CSS属性directionunicode-bidi覆盖,如果CSS网页有效且该元素支持这些属性的话。
    • 由于文本的方向是和内容的语义而不是和表现相关,因此有可能的话,网页开发者使用这一属性而非CSS属性是被推荐的。这样,即使在不支持CSS或禁用CSS的浏览器中,文本也会正常显示。
    • auto应当用于方向未知的数据,如用户输入的数据,最终保存在数据库中的数据。

    说明

    SpecificationStatusComment
    HTML Living Standard
    dir
    Living Standard自上一版本HTML 5.1没有明显变化。
    HTML 5.1
    dir
    RecommendationHTML Living Standard的快照,和HTML5比没有变化
    HTML5
    dir
    RecommendationHTML 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让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。

    上篇:data-*

    下篇:draggable