CSS 逻辑属性和值

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

行的起始位置并非总是行的左侧。不同的书写系统以不同的方向运作。例如：

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

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

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

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

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

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