CSS参考手册
»
属性列表
»
文本属性
»
相关内容：
其它文本属性参考
选择其它项
text-indent
text-overflow
text-align
text-transform
text-decoration
text-decoration-line
text-decoration-color
text-decoration-style
text-shadow
text-fill-color
text-stroke
text-stroke-width
text-stroke-color
letter-spacing
word-spacing
vertical-align
word-wrap
white-space
direction
unicode-bidi
line-height
tab-size
direction
版本：CSS2
继承性：有
语法：
direction
：ltr | rtl
默认值
：
ltr
取值：
ltr：
文本流从左到右。
rtl：
文本流从右到左。
说明：
检索或设置文本流的方向。
假如您想应用direction属性于内联元素的文本，您必须设定
unicode-bidi
属性为embed或bidi-override。
对应的脚本特性为
direction
。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
橙色
= 实验性质
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6.0
4.0
5.1
13.0
11.50
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>direction_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨)" /> <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>