文字
分享

语法:

direction:ltr | rtl

默认值ltr

适用于:所有元素

继承性:有

动画性:否

计算值:特定值

取值:

  • ltr:文本流从左到右。

  • rtl:文本流从右到左。

说明:

检索或设置文本流的方向。
  • 当指定一个内联元素的 <' unicode-bidi '> 属性为normal时, <' direction '> 属性设置不影响bidi重排序,即其设置不生效。

  • 对应的脚本特性为direction

兼容性:

ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0+2.0+4.0+6.0+15.0+6.0+2.1+18.0+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!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>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:书写模式下一篇:unicode-bidi