方向 | direction (Writing Modes) - CSS 中文开发手册
directionCSS属性设置文本，表格列和水平溢出的方向。使用rtl表示从右到左（如希伯来语或阿拉伯语）写的语言，以及ltr表示从左到右写的语言（如英语和大多数其他语言）。请注意，文本方向通常在文档中定义（例如，使用HTML的dir属性），而不是直接使用direction属性。
/* Keyword values */ direction: ltr; direction: rtl; /* Global values */ direction: inherit; direction: initial; direction: unset;
该属性设置块级元素的基本文本方向和unicode-bidi属性创建的嵌入方向。它还设置文本的默认对齐方式，块级元素以及单元格在表格行中的流向。
与HTML中的属性dir不同，属性direction不会从表格列继承到表格单元格，因为CSS继承遵循文档树结构，而表格单元格在行内而不在列内。
在direction和unicode-bidi属性是两个唯一不受简写属性all影响的属性。
| Initial value | ltr |
|---|---|
| Applies to | all elements |
| Inherited | yes |
| Media | visual |
| Computed value | as specified |
| Animation type | discrete |
| Canonical order | the unique non-ambiguous order defined by the formal grammar |
语法
可能值
ltr——文本和其他元素从左到右排列。这是默认值。
rtl——文本和其他元素从右到左排列。
要想该direction属性对内联级元素产生任何影响，该unicode-bidi属性的值必须是embed或override。
形式语法
ltr | rtl
实例
blockquote {
direction: rtl;
} 规范
| Specification | Status | Comment |
|---|---|---|
| CSS Writing Modes Module Level 3The definition of 'direction' in that specification. | Candidate Recommendation | No change. |
| CSS Level 2 (Revision 1)The definition of 'direction' in that specification. | Recommendation | Initial definition. |
浏览器兼容性
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 2.0 | (Yes) | 1.0 (1.7 or earlier) | 5.5 | 9.2 | 1.3 |
| Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | 1.0 | (Yes) | 1.0 (1.0) | 6 | 8 | 3.1 |