在此页

• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

dir global attribute is an enumerated attribute that indicates the directionality of the element's text.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

It can have the following values:

• ltr , which means left to right and is to be used for languages that are written from the left to the right (like English);
• rtl , which means right to left and is to be used for languages that are written from the right to the left (like Arabic);
• auto , which lets the user agent decide. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then applies that directionality to the whole element.

Usage notes: This attribute is mandatory for the <bdo> element where it has a different semantic meaning.

• This attribute is not inherited by the <bdi> element. If not set, its value is auto .

• This attribute can be overridden by the CSS properties direction and unicode-bidi , if a CSS page is active and the element supports these properties.

• As the directionality of the text is semantically related to its content and not to its presentation, it is recommended that web developers use this attribute instead of the related CSS properties when possible. That way, the text will display correctly even on a browser that doesn't support CSS or has the CSS deactivated.

• auto value should be used for data with an unknown directionality, like data coming from user input, eventually stored in a database.

Browsers might allow users to change the directionality of <input> and <textarea> s in order to assist with authoring content. Chrome and Safari provide a directionality option in the contextual menu of input fields while Internet Explorer and Edge use the key combinations Ctrl + Left Shift and Ctrl + Right Shift . Firefox uses Ctrl / Cmd + Shift + X but does NOT update the dir attribute value.

规范

规范	状态	注释
HTML 实时标准 The definition of 'dir' in that specification.	实时标准	No change from latest snapshot, HTML 5.1
HTML 5.1 The definition of 'dir' in that specification.	推荐	快照 HTML 实时标准 , no change from HTML5
HTML5 The definition of 'dir' in that specification.	推荐	快照 HTML 实时标准 ，从 HTML 4.01 Specification it added the auto value, and is now a true global attribute.
HTML 4.01 Specification The definition of 'dir' in that specification.	推荐	Supported on all elements but <applet> , <base> , <basefont> , <bdo> , <br> , <frame> , <frameset> , <iframe> , <param> ，和 <script> .

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
dir	Chrome 完整支持 Yes	Edge 完整支持 79	Firefox 完整支持 Yes	IE 不支持 No	Opera 完整支持 Yes	Safari 完整支持 Yes	WebView Android 完整支持 Yes	Chrome Android 完整支持 Yes	Firefox Android 完整支持 Yes	Opera Android 完整支持 Yes	Safari iOS 完整支持 Yes	Samsung Internet Android 完整支持 Yes

图例

完整支持

完整支持

不支持

不支持

另请参阅

• 所有 全局属性 .
• HTMLElement.dir that reflects this attribute.

元数据

• 最后修改： Sep 28, 2020

相关话题

1. HTML
2. 教程：
3. HTML 基础
4. HTML 介绍

   1. Introduction to HTML overview
   2. Getting started with HTML
   3. What's in the head? Metadata in HTML
   4. HTML text fundamentals
   5. Creating hyperlinks
   6. Advanced text formatting
   7. Document and website structure
   8. Debugging HTML
   9. Assessment: Marking up a letter
   10. Assessment: Structuring a page of content
5. 多媒体和嵌入

   1. Multimedia and embedding overview
   2. Images in HTML
   3. Video and audio content
   4. From object to iframe — other embedding technologies
   5. Adding vector graphics to the Web
   6. Responsive images
   7. Assessment: Mozilla splash page
6. 参考：
7. HTML 元素

   1. <a>
   2. <abbr>
   3. <acronym>
   4. <address>
   5. <applet>
   6. <area>
   7. <article>
   8. <aside>
   9. <audio>
   10. <b>
   11. <base>
   12. <basefont>
   13. <bdi>
   14. <bdo>
   15. <bgsound>
   16. <big>
   17. <blink>
   18. <blockquote>
   19. <body>
   20. <br>
   21. <button>
   22. <canvas>
   23. <caption>
   24. <center>
   25. <cite>
   26. <code>
   27. <col>
   28. <colgroup>
   29. <command>
   30. <content>
   31. <data>
   32. <datalist>
   33. <dd>
   34. <del>
   35. <details>
   36. <dfn>
   37. <dialog>
   38. <dir>
   39. <div>
   40. <dl>
   41. <dt>
   42. <element>
   43. <em>
   44. <embed>
   45. <fieldset>
   46. <figcaption>
   47. <figure>
   48. <font>
   49. <footer>
   50. <form>
   51. <frame>
   52. <frameset>
   53. <h1>
   54. <head>
   55. <header>
   56. <hgroup>
   57. <hr>
   58. <html>
   59. <i>
   60. <iframe>
   61. <image>
   62. <img>
   63. <input>
   64. <ins>
   65. <isindex>
   66. <kbd>
   67. <keygen>
   68. <label>
   69. <legend>
   70. <li>
   71. <link>
   72. <listing>
   73. <main>
   74. <map>
   75. <mark>
   76. <marquee>
   77. <menu>
   78. <menuitem>
   79. <meta>
   80. <meter>
   81. <multicol>
   82. <nav>
   83. <nextid>
   84. <nobr>
   85. <noembed>
   86. <noframes>
   87. <noscript>
   88. <object>
   89. <ol>
   90. <optgroup>
   91. <option>
   92. <output>
   93. <p>
   94. <param>
   95. <picture>
   96. <plaintext>
   97. <pre>
   98. <progress>
   99. <q>
   100. <rb>
   101. <rp>
   102. <rt>
   103. <rtc>
   104. <ruby>
   105. <s>
   106. <samp>
   107. <script>
   108. <section>
   109. <select>
   110. <shadow>
   111. <slot>
   112. <small>
   113. <source>
   114. <spacer>
   115. <span>
   116. <strike>
   117. <strong>
   118. <style>
   119. <sub>
   120. <summary>
   121. <sup>
   122. <table>
   123. <tbody>
   124. <td>
   125. <template>
   126. <textarea>
   127. <tfoot>
   128. <th>
   129. <thead>
   130. <time>
   131. <title>
   132. <tr>
   133. <track>
   134. <tt>
   135. <u>
   136. <ul>
   137. <var>
   138. <video>
   139. <wbr>
   140. <xmp>
8. 全局属性

   1. accesskey
   2. autocapitalize
   3. class
   4. contenteditable
   5. contextmenu
   6. data-*
   7. dir
   8. draggable
   9. dropzone
   10. hidden
   11. id
   12. inputmode
   13. is
   14. itemid
   15. itemprop
   16. itemref
   17. itemscope
   18. itemtype
   19. lang
   20. part
   21. slot
   22. spellcheck
   23. style
   24. tabindex
   25. title
   26. translate
   27. x-ms-acceleratorkey
   28. x-ms-format-detection
9. <input> 类型

   1. <input type="button">
   2. <input type="checkbox">
   3. <input type="color">
   4. <input type="date">
   5. <input type="datetime">
   6. <input type="datetime-local">
   7. <input type="email">
   8. <input type="file">
   9. <input type="hidden">
   10. <input type="image">
   11. <input type="month">
   12. <input type="number">
   13. <input type="password">
   14. <input type="radio">
   15. <input type="range">
   16. <input type="reset">
   17. <input type="search">
   18. <input type="submit">
   19. <input type="tel">
   20. <input type="text">
   21. <input type="time">
   22. <input type="url">
   23. <input type="week">
10. 文档编制：
11. 有用清单

    All pages index

    Pages tagged "HTML"
12. 贡献

    1. HTML 文档状态
    2. MDN 工程