CSS 逻辑属性和值

**CSS 逻辑属性和值**模块定义了逻辑属性和值，这些属性和值可以通过逻辑而不是物理方向和维度映射来控制布局。逻辑属性定义了与其对应的物理属性方向相关的等价物。

行的开头并不总是行的左侧。不同的书写系统以不同的方向运行。例如

• 英语和葡萄牙语从左到右书写，新行添加到前一行下方。
• 希伯来语和阿拉伯语是从右到左书写的语言，新行同样添加到前一行下方。
• 在某些书写模式下，文本行是垂直的，从上到下书写。中文、越南语、韩语和日语传统上是垂直书写的，从上到下，每条新的垂直线添加到前一条线的左侧。
• 传统蒙古语也是一种从上到下的语言，但新行位于前一行的右侧。

此模块中定义的逻辑属性能够定义相对于内容的书写方向的属性，而不是物理方向。这意味着翻译成不同书写模式的语言的内容将按预期呈现。

逻辑属性和值使用抽象术语块和内联来描述它们流动的方向。这些术语的物理含义取决于书写模式。

**块维度**垂直于文本在行内的流动方向，即水平书写模式下的垂直维度，以及垂直书写模式下的水平维度。对于标准的英语文本，它是垂直维度。

**内联维度**平行于文本在行内的流动方向，即水平书写模式下的水平维度，以及垂直书写模式下的垂直维度。对于标准的英语文本，它是水平维度。

CSS 最初仅设计了物理坐标。逻辑属性和值模块为许多值和属性定义了流相关的等价物。曾经只接受物理值的属性（top、bottom、left、right）现在也接受流相关的逻辑值（block-start、block-end、inline-start、inline-end）。