CSS3参考手册
»
属性列表
»
书写模式属性
»
相关内容：
其它书写模式参考
选择其它项
direction
版本：CSS2
媒体：视觉
语法:
direction
: ltr | rtl
默认值
:
ltr
适用于
: 所有元素
继承性
: 有
动画性
: 否
计算值
: 特定值
取值:
ltr:
文本流从左到右。
rtl:
文本流从右到左。
说明:
检索或设置文本流的方向。
当指定一个内联元素的 <'
unicode-bidi
'> 属性为
normal
时， <' direction '> 属性设置不影响bidi重排序，即其设置不生效。
对应的脚本特性为
direction
。
兼容性:
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
Values
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
Basic Support
6.0+
2.0+
4.0+
6.0+
15.0+
6.0+
2.1+
18.0+
示例:
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>direction_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test p{width:320px;margin:15px 0;border:1px solid #000;} .ltr p{direction:ltr;} .rtl p{direction:rtl;unicode-bidi:bidi-override;} </style> </head> <body> <ul class="test"> <li class="ltr"> <strong>ltr：</strong> <p>本段文字将按照从左到右的方向进行流动。</p> </li> <li class="rtl"> <strong>rtl：</strong> <p>本段文字将按照从右到左的方向进行流动。</p> </li> </ul> </body> </html>