CSS 方向属性-之路教程

语法

direction: ltr | rtl | initial | inherit;

方向属性示例：

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div {
        direction: rtl;
      }
    </style>
  </head>
  <body>
    <p>As you can see, this text is written with default direction.</p>
    <div>However, this text is written from right to left as we defined.</div>
  </body>
</html>

在给定的示例中，使用了“rtl”值。
文本从右到左。

CSS direction 属性值说明

值	描述
ltr	意味着文本的方向将从左转到右侧。这是属性的默认值。
rtl	意味着文本的方向将从向左左右。
initial	将属性设置为默认值。
inherit	从其父元素继承属性。

CSS 方向属性

direction 属性定义文本方向。

direction 属性设置块级元素的基本文本方向和由 unicode-bidi 属性创建的嵌入的方向。

它还设置块级元素的文本默认对齐方式以及单元格在表格行中的流动方向。

文本方向通常在文档内部指定，就像 HTML 的 dir 属性一样，而不是直接使用 direction 属性。
与 HTML dir 属性相反，CSS 方向属性不会从表格列继承到表格单元格中，因为表格单元格不在列内，而是在行内。

direction 属性对内联级元素没有任何影响。

初始值	LTR.
应用于	所有元素。
继承	可继承
可动画的	离散的。
版本	CSS2.
DOM 语法	object.Style.Direction =“RTL”;

日期：2020-06-02 22:14:28 来源：oir作者：oir

←CSS :dir() 伪类

CSS 伪类 :disabled→

语法

方向属性示例：

CSS direction 属性值说明

目录