1. 引言
当第一份 CSS 规范发布时,所有 CSS 内容都包含在一份文档中,该文档定义了 CSS Level 1。CSS Level 2 也是通过一份多章节文档来定义的。然而,在 CSS 超过 Level 2 之后,CSS 工作组选择采用模块化的方法,每个模块定义 CSS 的一部分,而不是定义一个单一的整体规范。这将规范拆分为更易管理的块,并允许对 CSS 进行更及时、渐进的改进。
由于不同的 CSS 模块具有不同的稳定性级别,CSS 工作组选择发布此概要文件,以定义截至 2024 年层叠样式表(CSS)的当前范围和状态。
1.1. 什么是 CSS?
- 层叠样式表(CSS)
- CSS 是一种用于编写样式表的语言,旨在描述结构化文档(如 HTML 和 XML)在各种媒介上的呈现方式。CSS 用于描述源文档的表现,通常不会改变其文档语言所表达的底层语义。
- 样式表
- 一组指定文档呈现方式的规则。样式表由作者编写,由用户代理解释,以向用户呈现文档。
- 源文档
- 应用一个或多个样式表的文档。源文档的结构和语义通过文档语言(如 HTML、XHTML 或 SVG)进行编码。
- 作者
- 作者是编写文档及其相关样式表的人。创作工具是会生成样式表的用户代理。
- 用户
- 用户是与用户代理交互以查看、听取或以其它方式使用文档的人。
- 用户代理(UA)
- 用户代理是任何代表用户解释文档及其相关样式表的程序。用户代理可以显示文档、朗读文档、打印文档、将文档转换为其他格式等。对于 CSS 规范而言,用户代理指的是支持并解释本规范中定义的层叠样式表(CSS)的代理。
1.2. 背景:W3C 流程与 CSS
本节为非规范性内容。
在 W3C 流程中,推荐轨道(Recommendation-track)文档会经历三个稳定性阶段,简述如下:
- 工作草案(WD)
-
这是 W3C 规范的设计阶段。工作组会根据内部和外部反馈不断迭代规范。
首个官方工作草案被称为“首次公开工作草案”(FPWD)。在 CSSWG 中,发布 FPWD 表明整个工作组已同意开展该模块的工作,范围大致与编辑草案中的提案一致。
进入下一个阶段有时被称为“最后征求意见工作草案”(LCWD)阶段。当我们已解决所有已知问题且没有进一步进展空间时,CSSWG 会将工作草案推进。此时需要通过测试和实现反馈来获得更多意见。
“最后征求意见”会为报告未解决问题设定截止日期,并要求工作组专门跟踪并处理反馈。意见处理文档(Disposition of Comments, DoC)会随更新草案一同提交给主管领导审批,以证明已经获得广泛审查和认可。
- 候选推荐标准(CR)
-
这是 W3C 规范的测试阶段。此阶段的重点是使用测试和实现来测试规范本身,而不是测试实现。这个过程通常会发现更多规范问题,因此候选推荐标准会随着实现和测试反馈不断调整,但通常比设计阶段(WD)要少得多。
要退出 CR 阶段,必须证明每一特性有两个正确且相互独立的实现,因此本阶段工作组会构建测试套件并生成实现报告。
进入下一个阶段为“推荐提案”(PR)。在此阶段,W3C 会员委员会须批准过渡为 REC。
- 推荐标准(REC)
- 这是 W3C 规范的最终状态,代表维护阶段。此时,工作组只维护勘误文档,并偶尔发布整合勘误的修订版规范。
编辑草案实际上是编辑者个人工作副本的实时版本。它可能反映也可能不反映工作组共识,有时甚至自相矛盾。(由于 W3C 的发布流程繁琐而耗时,编辑草案通常是规范最权威(最新)的参考版本。目前正在努力减少发布阻力,以便官方草案能定期更新,编辑草案能恢复其最初作为草稿空间的作用。)
2. CSS 规范的分类
所有 CSS 模块(包括稳定和进行中的模块)及其状态的列表可在 CSS 当前工作页面 查阅。
2.1. 层叠样式表(CSS)— 官方定义
本概要文件仅包含我们认为稳定且拥有足够实现经验、确保其稳定性的规范。
注: 本概要文件并非 CSS 桌面浏览器概要文件:收录标准仅基于特性稳定性,不考虑预期用途或 Web 浏览器采用率。该概要文件定义了最完整形式的 CSS。
截至 2024 年,层叠样式表(CSS)由以下规范定义:
- CSS Level 2,最新修订版(含勘误)[CSS2]
- 该文档定义了 CSS 的核心,其中部分内容已被后续规范覆盖。我们特别推荐阅读第二章,该章节介绍了 CSS 的一些基本概念及其设计原则。
- CSS 语法 Level 3 [CSS-SYNTAX-3]
- 替换了 CSS2§4.1、CSS2§4.2、CSS2§4.4 和 CSS2§G,重新定义了 CSS 的解析方式。
- CSS 样式属性 [CSS-STYLE-ATTR]
- 定义了如何在标记属性中嵌入 CSS 声明。
- 媒体查询 Level 3 [CSS3-MEDIAQUERIES]
- 替换了 CSS2§7.3,并扩展了媒体专用样式的语法。
- CSS 条件规则 Level 3 [CSS-CONDITIONAL-3]
- 扩展并取代了 CSS2§7.2,更新了 @media 规则的定义以允许嵌套,并引入 @supports 规则用于特性支持查询。
- 选择器 Level 3 [SELECTORS-3]
- 替换了 CSS2§5 与 CSS2§6.4.3,定义了更丰富的选择器类型。
- CSS 命名空间 [CSS3-NAMESPACE]
- 引入 @namespace 规则以支持命名空间前缀选择器。
- CSS 层叠与继承 Level 4 [CSS-CASCADE-4]
- 扩展并取代了 CSS2§1.4.3 和 CSS2§6,以及 [CSS-CASCADE-3]。描述了如何整理样式规则并为所有元素的全部属性赋值。通过层叠与继承机制,所有属性值会在所有元素间传播。
- CSS 值与单位 Level 3 [CSS-VALUES-3]
- 扩展并取代了 CSS2§1.4.2.1、CSS2§4.3、CSS2§A.2.1–3,定义了 CSS 属性定义语法并扩展了单位集合。
- CSS 层叠变量模块 Level 1 [CSS-VARIABLES-1]
- 引入层叠变量作为所有 CSS 属性接受的新原始值类型,并定义了自定义属性以便定义这些变量。
- CSS 盒模型 Level 3 [CSS-BOX-3]
- 替换了 CSS2§8.1、§8.2、§8.3(不包括 §8.3.1)和 §8.4。
- CSS 颜色 Level 4 [CSS-COLOR-4]
- 扩展并取代了 CSS2§4.3.6、CSS2§14.1 和 CSS2§18.2,同时扩展并取代 [CSS-COLOR-3],引入了超越 sRGB 的扩展色彩空间、扩展色值以及 CSS 对象模型的颜色扩展。同时定义了 opacity 属性。
- CSS 背景与边框 Level 3 [CSS-BACKGROUNDS-3]
- 扩展并取代了 CSS2§8.5 和 CSS2§14.2,提供了更多控制背景和边框的功能,包括多层背景图像、图片边框和投影。
- CSS 图像 Level 3 [CSS-IMAGES-3]
- 重新定义并纳入外部二维图像值类型,引入原生二维渐变,并为替换元素的大小与渲染提供了更多控制。
- CSS 字体 Level 3 [CSS-FONTS-3]
- 扩展并取代 CSS2§15,提供了更多对字体选择和特性选择的控制权。
- CSS 书写模式 Level 3 [CSS-WRITING-MODES-3]
- 定义了 CSS 对各种国际书写模式的支持,如从左到右(如拉丁或印度文字)、从右到左(如希伯来或阿拉伯文)、双向混合(如拉丁与阿拉伯文混排)及竖排(如亚洲文字)。替换并扩展了 CSS2§8.6 与 §9.10。
- CSS 多栏布局 Level 1 [CSS-MULTICOL-1]
- 为 CSS 布局引入了多栏流。
- CSS 弹性盒模块 Level 1 [CSS-FLEXBOX-1]
- 引入了 CSS 的灵活线性布局模型。
- CSS 基本用户界面模块 Level 3 [CSS-UI-3]
- 扩展并取代了 CSS2§18.1 和 CSS2§18.4,定义了 cursor、outline 及多项增强用户界面的新特性。
- CSS 包含性模块 Level 1 [CSS-CONTAIN-1]
- 引入了 contain 属性,用于强制元素子树的独立 CSS 处理,从而在合理使用时使用户代理能够进行大规模优化。
- CSS 变换 Level 1 [CSS-TRANSFORMS-1]
- 为 CSS 引入了基于坐标的图形变换。
- CSS 合成与混合 Level 1 [COMPOSITING]
- 定义了叠加内容的合成与混合,并引入了用于控制其模式的相关特性。
- CSS 缓动函数 Level 1 [CSS-EASING-1]
- 描述了作者如何定义变换以控制某个值变化的速率。应用于动画时,这些变换可用于产生模拟物理现象的动画(如动量),或使动画以离散步进方式运动,产生类机器人效果。
- CSS 计数器样式 Level 3 [CSS-COUNTER-STYLES-3]
- 引入了 @counter-style 规则,允许作者为 CSS 列表标记和生成内容计数器定义自定义计数器样式[CSS-LISTS-3]。同时预定义了一套常用计数器样式,包括 CSS2 和 CSS2.1 中存在的那些。
注: 虽然我们不预期这些快照所含规范会有重大变化,但收录并不代表它们被冻结。工作组将持续修正这些规范中发现的问题。实现者应关注 www-style 和/或 CSS 工作组博客,以获取相关变更、修正或说明。
2.2. 可靠的候选推荐标准
以下规范被认为处于可靠状态,即实现与规范基本稳定,但因一些小问题或需补充实现报告,尚未达到推荐标准(REC)级别。
- 媒体查询 Level 4 [MEDIAQUERIES-4]
- 扩展并取代 [CSS3-MEDIAQUERIES],扩展了语法,弃用大多数媒体类型,并引入了新的媒体特性。
- CSS 滚动吸附模块 Level 1 [CSS-SCROLL-SNAP-1]
- 提供用于控制滚动与滑动行为(“吸附位置”)的特性。
- CSS 滚动条样式模块 Level 1 [CSS-SCROLLBARS-1]
- 定义了影响滚动条视觉样式的属性,新增了颜色与宽度控制。
- CSS 网格布局模块 Level 1 [CSS-GRID-1]
- 引入了二维网格布局系统,优化于用户界面设计。网格容器的子元素可被定位于预定义的灵活或固定大小的布局网格任意槽位中。
- CSS 网格布局模块 Level 2 [CSS-GRID-2]
- 扩展并取代 [CSS-GRID-1],引入了“子网格”以便在共享网格框架中管理嵌套标记。
2.3. 较为稳定但实现经验有限的模块
以下模块已完成设计,且相当稳定,但尚未经过大量测试与实现经验。我们希望在未来的CSS 官方定义快照中纳入这些模块。
- 媒体查询 Level 4 [MEDIAQUERIES-4]
- 扩展并取代 [CSS3-MEDIAQUERIES],扩展语法、弃用大多数媒体类型、引入新媒体特性。
- CSS 显示模块 Level 3 [CSS-DISPLAY-3]
- 替换了 CSS2§9.1.2、§9.2.1(不含 §9.2.1.1)、§9.2.2(不含 §9.2.2.1)、§9.2.3 和 §9.2.4(并为替代 §9.7 奠定基础),定义了如何从文档元素树生成 CSS 格式化盒树,并定义了控制此行为的 display 属性。
- CSS 书写模式 Level 4 [CSS-WRITING-MODES-4]
- 扩展并取代 [CSS-WRITING-MODES-3],为竖排等书写方式提供更多选项。
- CSS 分页模块 Level 3 [CSS-BREAK-3]
- 描述了将流分割为页面、列或区域的分页模型,并定义了相关控制属性。扩展并取代了 CSS2§13.3。
- CSS 盒对齐模块 Level 3 [CSS-ALIGN-3]
- 引入了用于在多种 CSS 盒布局模型(块布局、表格布局、弹性布局和网格布局)中控制盒子对齐的属性。
- CSS 形状模块 Level 1 [CSS-SHAPES-1]
- 扩展了浮动(CSS2§9.5),实现了非矩形环绕形状。
- CSS 文本模块 Level 3 [CSS-TEXT-3]
- 扩展并取代了 CSS2§16(不含 §16.3),定义了文本处理属性及其处理模型。涵盖断行、对齐、空白处理和文本变换等。
- CSS 文本装饰模块 Level 3 [CSS-TEXT-DECOR-3]
- 扩展并取代了 CSS2§16.3,提供了更多文本装饰线控制,并新增了文本强调标记和阴影的能力。
- CSS 遮罩模块 Level 1 [CSS-MASKING-1]
- 替换了 CSS2§11.1.2,并引入了更强大的内容裁剪与遮罩手段。
- CSS 滚动吸附模块 Level 1 [CSS-SCROLL-SNAP-1]
- 提供用于控制滚动与滑动行为(“吸附位置”)的特性。
- CSS 语音模块 Level 1 [CSS-SPEECH-1]
- 替换了 CSS2§A,彻底改写了(非规范性)语音渲染章节。
- CSS 视图过渡模块 Level 1 [CSS-VIEW-TRANSITIONS-1]
- 定义了视图过渡 API 及相关属性与伪元素,使开发者能够创建表现文档状态变化的动画视觉过渡效果。
2.4. 互操作性较弱的模块
尽管以下模块已广泛部署并具有较弱的互操作性,但其细节尚未完全敲定或规范性不足,需要进一步测试和修复。我们希望未来能将它们纳入CSS 官方定义快照。
- CSS 过渡 Level 1 [CSS-TRANSITIONS-1] 与 CSS 动画 Level 1 [CSS-ANIMATIONS-1]
- 引入了随时间变化 CSS 属性计算值的机制。
- CSS Will Change Level 1 [CSS-WILL-CHANGE-1]
- 引入了性能提示属性 will-change。
- 滤镜效果模块 Level 1 [FILTER-EFFECTS-1]
- 引入了滤镜效果,用于在元素渲染到文档前进行处理。
- CSS 字体加载模块 Level 3 [CSS-FONT-LOADING-3]
- 引入了动态加载字体资源的事件与接口。
- CSS 盒尺寸 Level 3 [CSS-SIZING-3]
- 覆盖并扩展了 CSS§10,增加了尺寸属性的可选值、引入更精确的尺寸术语,并详细定义了 CSS2 中仅模糊描述的各种自动尺寸概念。
- CSS 变换 Level 2 [CSS-TRANSFORMS-2]
- 基于 [CSS-TRANSFORMS-1],增加了三维变换的新函数与属性,以及简易变换的便捷函数。
- CSS 列表与计数器模块 Level 3 [CSS-LISTS-3]
- 包含与列表计数器相关的 CSS 特性:样式化、定位与数值操作。
- CSS 逻辑属性与值 Level 1 [CSS-LOGICAL-1]
- 引入逻辑属性与值,使作者可通过逻辑方向与尺寸映射控制布局,而不依赖物理方向。同时为 [CSS2] 中定义的特性增加逻辑属性与值。这些属性是对应物理属性的书写模式相关等价物。
- CSS 定位布局模块 Level 3 [CSS-POSITION-3]
- 定义了 CSS 的基于坐标的定位与偏移方案,包括相对定位、粘性定位、绝对定位和固定定位。
- Resize Observer [RESIZE-OBSERVER-1]
- 本规范描述了用于观察元素主盒尺寸变化的 API。
- Web 动画 [WEB-ANIMATIONS-1]
- 定义用于同步与定时网页表现变化的模型。同时定义了用于与该模型交互的 API。
- CSS 字体模块 Level 4 [CSS-FONTS-4]
- 扩展并取代 CSS Fonts 3,提供对字体选择和特性选择的更多控制,包括对 OpenType 变体的支持。
- CSS 颜色调整模块 Level 1 [CSS-COLOR-ADJUST-1]
- 本模块引入了用户代理自动颜色调整的模型和控制,以适应用户偏好与设备输出优化。
- CSS 条件规则模块 Level 4 [CSS-CONDITIONAL-4]
- 扩展 CSS 条件规则 3,允许检测受支持选择器。
- CSS 层叠与继承 Level 5 [CSS-CASCADE-5]
- 扩展 CSS 层叠 4,引入了层叠图层(cascade layers)。
- 运动路径模块 Level 1 [MOTION-1]
- 本模块允许作者为任意图形对象指定路径并沿该路径进行定位与动画。
- CSS 滚动锚定模块 Level 1 [CSS-SCROLL-ANCHORING-1]
- 本模块旨在通过将滚动容器的滚动位置锁定到特定锚点元素,以最小化内容的跳动。
- CSS 对象模型(CSSOM) [CSSOM-1]
- 本模块定义了用于解析、序列化和操作 CSS、媒体查询和选择器的 API。
- CSS 颜色模块 Level 5 [CSS-COLOR-5]
- 扩展 CSS 颜色 4,新增色彩空间与色彩修改函数。
- 选择器 Level 4 [SELECTORS-4]
- 基于选择器 Level 3,新增伪类、伪元素和组合符,增强了基于更复杂条件与状态选择元素的能力。
2.5. CSS 等级
层叠样式表(CSS)没有传统意义上的版本;相反,它有等级(levels)。每一级 CSS 都建立在前一等级的基础之上,完善定义并添加新特性。每个更高等级的特性集合是任何较低等级的超集,而更高等级允许的某一特性的行为是较低等级允许行为的子集。因此,符合更高等级 CSS 的用户代理也符合所有较低等级。
- CSS Level 1
- CSS 工作组认为CSS1 规范 已过时。CSS Level 1 被定义为 CSS1 规范中定义的所有特性(属性、值、at 规则等),但使用CSS2.1 规范中的语法和定义。CSS Style Attributes 定义了其在元素专有样式属性中的包含方式。
- CSS Level 2
-
尽管CSS2 规范在技术上是 W3C 推荐标准,但其成为推荐阶段时,W3C
还未定义候选推荐阶段(CR)。随着实现经验和进一步评审的发展,CSS2 规范中暴露出许多问题,因此,CSS 工作组选择定义 CSS Level 2 修订版
1(CSS2.1),而不是扩展日益庞大的勘误列表。如果两个规范有冲突,以
CSS2.1 为准。
一旦 CSS2.1 成为候选推荐标准——实际上虽然并非正式,却与 CSS2 达到同等稳定性——就废除了 CSS2 推荐标准。CSS2 中被 CSS2.1 移除的特性应视为处于候选推荐阶段,但请注意,这些特性中有许多已被或将被纳入 CSS Level 3 工作草案,一旦相关规范进入 CR 阶段,将废除 CSS2 中的定义。
CSS2.1 规范定义了CSS Level 2,而CSS Style Attributes 规范定义了其在元素专有样式属性中的包含方式。
- CSS Level 3
-
CSS Level 3 以模块为单位在 CSS Level 2
基础上扩展,核心采用 CSS2.1 规范。每个模块都增加功能和/或替换 CSS2.1 规范的部分内容。CSS 工作组的目标是新的 CSS 模块不会与 CSS2.1
规范冲突:只会添加功能和完善定义。每当一个模块完成时,就会被加入到由 CSS2.1 加先前已完成模块组成的体系中。
从这个等级开始,各模块独立分级:例如,选择器 Level 4 可能会在 CSS Line Module Level 3 之前完成。没有CSS Level 2 对应的模块从 Level 1 开始;更新CSS Level 2 特性的模块从 Level 3 开始。
- CSS Level 4 及以后
- 没有 CSS Level 4。各独立模块可以达到 Level 4 或更高,但 CSS 这门语言本身不再有等级。(“CSS Level 3”这个术语仅用于区分前面的整体版本。)
2.6. CSS 配置文件
并非所有实现都能实现 CSS 所定义的所有功能。
过去,工作组曾发布过少数配置文件(Profile),旨在定义各类用户代理预期支持的 CSS 最小子集。
该工作已停止,因为工作组认为其效果和实用性有限,此前定义的配置文件现已无人维护。
注: CSS 的部分实现,即使该子集是官方配置文件,也必须遵循部分实现的前向兼容解析规则。
3. 负责任地实现 CSS 的要求
以下各节定义了负责任实现 CSS、以促进当下和未来互操作性的若干一致性要求。
3.1. 部分实现
为了让作者能够利用前向兼容解析规则设置回退值,CSS 渲染器必须将所有在自身没有可用支持级别的 at 规则、属性、属性值、关键字及其他语法结构视为无效 (并按需忽略)。 尤其是,用户代理不得在单个多值属性声明中有选择性地忽略不支持的属性值而保留支持的值:如果有任意值被视为无效(所有不支持的值都必须如此),CSS 要求整个声明被忽略。
3.2. 不稳定和专有特性的实现
为了避免与未来稳定的 CSS 特性冲突,CSSWG 建议对 CSS 的不稳定特性和专有扩展的实现采用如下最佳实践:
3.2.1. 实验与不稳定特性
对 W3C 规范中描述但尚未实现互操作性的不稳定特性的实现,不应面向大众广泛发布;但可以在受控环境下以有限、实验性方式发布。
为什么?
我们希望允许作者和实现者对特性进行试验和反馈,但要防止作者在生产网站上依赖这些特性,从而因内容依赖而意外“锁定”某些语法或行为,而这些可能会在后续发生变更。CSS 特性被视为不稳定,直到其规范在 W3C 流程中达到候选推荐(CR)阶段。特殊情况下,CSSWG 可通过正式记录的决议,将部分 CR 之前的特性纳入可安全大规模发布的范畴。参见§ 4 可发布的 pre-CR 例外。
注:厂商应明确咨询工作组,而不应自行判断此事,因为尚未达 CR 的规范如果长时间未变更,通常更可能是过时而非稳定。
3.2.2. 专有与非标准化特性
为避免与未来 CSS 特性冲突,CSS2.1 规范为专有和实验性扩展预留了前缀语法 [CSS2]。如果某 CSS 特性专为单一厂商的用户代理在封闭环境中使用,则该特性被定义为专有扩展。UA 只应通过厂商前缀语法支持此类专有扩展,且不应在开放(多 UA)环境如万维网上公开这些特性。
为什么?
要求加前缀可以让定制特性在封闭环境中发布而不会与标准 CSS 的未来新增冲突。对开放系统的限制则是防止无意间让公共 CSS 环境依赖未标准化的专有扩展。即使某特性最终计划用于 Web,只要尚未标准化,仍不应向 Web 公开。
3.2.3. 市场压力与事实标准
如果某特性不稳定(即规范尚未稳定),但:
-
至少有三家 UA 实现了该特性 (或某 UA 违背上述规则,在生产环境发布了不稳定或非标准特性),
-
并且这些实现具备粗略互操作性,
-
并且CSS 工作组已记录一致意见认为该特性应存在并发布,
实现方可在正式发布版本中无前缀发布该特性。粗略互操作性通过主观判断确定:即便有差异,但实现足够相似,可适用于实际网站相当数量的用例。
注意:仍需与 CSSWG 协商以保证厂商间协调,并由各厂商的 CSS 专家进行一致性审查。还要注意,粗略互操作性通常意味着在边界(甚至非边界)场景下仍存在痛苦的互操作性缺失,尤其是因为细节尚未通过标准审查流程敲定。
为什么?
如果某特性足够流行,三家及以上浏览器在标准化完成前已实现,本条款允许缓解“抢先发布”压力。如果特性已“流入野外”并被网站依赖,假装其仍是“实验性”毫无意义。允许其他厂商无前缀发布,承认该特性已成事实标准,并鼓励作者编写跨平台代码。3.2.3.1. 不稳定特性的厂商前缀
当在正式发布中向 Web 公开此类标准轨道不稳定特性时,实现应同时支持厂商前缀和无前缀语法。 一旦该特性稳定,且实现已达互操作标准,应移除对厂商前缀语法的支持。
为什么?
这样做便于作者使用无前缀语法面向所有实现,但如有必要,也可通过前缀语法针对特定实现绕过兼容性问题,直到标准/修正流程解决差异。没有仅支持前缀语法的阶段,大大降低了仅用前缀写样式表的风险。这样一来,一旦特性稳定,UA 厂商可放心移除前缀语法,减少破坏现有内容的风险。也减少了部分厂商偶尔被迫支持他厂前缀的情况,因为内容依赖了该语法。
任何向作者推广不稳定特性的人,都应以标准的无前缀语法进行文档说明,避免鼓励在除兼容性绕过外的任何场景使用厂商前缀语法。
3.2.3.2. 保持 CSS 的开放性
为保持 CSS 作为一项技术的开放性,厂商应确保其他实现者可以自由实现它们所发布的特性。为此,厂商应提供规范编辑和测试资源,协助此类特性的标准化完善,并避免如平台依赖、许可限制等阻碍竞争对手支持该特性的障碍。
3.3. CR 级特性的实现
一旦规范进入候选推荐(CR)阶段,实施方应对任何能按规范正确实现的 CR 级特性发布无前缀实现,并避免暴露该特性的前缀变体。
为确保和维护 CSS 在不同实现间的互操作性,CSS 工作组要求非实验性 CSS 渲染器在发布任何 CSS 特性无前缀实现前,向 W3C 提交实现报告(如有必要,还需提交用于该实现报告的测试用例)。提交给 W3C 的测试用例将由 CSS 工作组进行审查和修正。
关于提交测试用例和实现报告的更多信息,可在 CSS 工作组网站 https://www.w3.org/Style/CSS/Test/ 查阅。如有问题,可邮件咨询 public-css-testsuite@w3.org。
4. 允许发布的 pre-CR 例外
以下特性已被 CSS 工作组明确主动批准,可在规范达到候选推荐(CR)之前广泛发布。参见§ 3.2.1 实验与不稳定特性。
- 与流向相关的尺寸属性(width、height 等)、边框属性、外边距和内边距属性的流向等价写法。参见说明及规范。
- 尺寸属性的 min-content 和 max-content 关键字。参见决议及规范。
- conic-gradient() 渐变语法。参见决议。
- aspect-ratio 属性。[CSS-SIZING-4]
- translate、rotate 和 scale 属性。[CSS-TRANSFORMS-2]
- hyphenate-character 属性。[CSS-TEXT-4]
- color-mix() 函数。[CSS-COLOR-5]
- <color-interpolation-method>,定义见[CSS-COLOR-4],用于线性、径向与锥形渐变的插值。[CSS-IMAGES-4]
- 相对颜色(relative color)语法,定义见[CSS-COLOR-5]
以下特性已被 CSS 工作组明确追溯批准,可在规范达到候选推荐(CR)之前广泛发布:
- CSS 动画 Level 1 和 CSS 过渡 Level 1 中的全部内容。
5. 索引
以下各节为非规范性内容。
5.1. 术语索引
- =
- ~=
- 第 1 个 <length>
- 二维矩阵(2d matrix)
- 第 2 个 <length>
- 第 3 个 <length [0,∞]>
- 第 4 个 <length>
- 绝对长度(absolute length)
- 绝对长度单位
- 绝对定位元素
- 抽象尺寸
- :active
- activeborder
- activecaption
- 活动时长(active duration)
- active(伪类)
- 实际值(actual value)
- 加法元组(additive tuple)
- 相邻外边距(adjoining margins)
- advance measure
- :after
- after
- after-change style
- aliceblue
- 对齐基线(alignment baseline)
- 对齐容器(alignment container)
- 对齐上下文(alignment context)
- 对齐对象(alignment subject)
- 'all' 媒体组
- 字母基线(alphabetic baseline)
- <alphavalue>
- 模糊图片 URL(ambiguous image url)
- an+b
- 祖先(ancestor)
- 锚(anchor)
- 锚单位(anchor unit)
- <angle>
- 动画起源(animation origin)
- animation-tainted
- 匿名(anonymous)
- 匿名盒(anonymous box)
- 匿名内联盒(anonymous inline boxes)
- antiquewhite
- 应用于(apply to)
- appworkspace
- aqua
- aquamarine
- 是否为有效转义(are a valid escape)
- 纵横比值(aspect value)
- 原子内联(atomic inline)
- 原子内联盒(atomic inline box)
- 原子内联级盒(atomic inline-level box)
- at 规则(at-rule)
- attr()
- 属性(attribute)
- 'audio' 媒体组
- 听觉图标(auditory icon)
- 增强型网格(augmented grid)
- 听觉盒模型(aural box model)
- 作者(author)
- 创作工具(authoring tool)
- 作者来源(author origin)
- author-origin
- 作者表现性提示来源(author presentational hint origin)
- 作者样式表(author style sheet)
- 自动列位置(automatic column position)
- 自动网格位置(automatic grid position)
- 自动编号(automatic numbering)
- 自动放置(automatic placement)
- 自动位置(automatic position)
- 自动行位置(automatic row position)
- 自动放置(auto-placement)
- 自动放置游标(auto-placement cursor)
- 可用字体(available font faces)
- 可用网格空间(available grid space)
- 避免断开值(avoid break values)
- 轴锁定(axis-lock)
- 轴值(axis value)
- azure
- 背景(backdrop)
- 背景(background)
- 背景色层(background color)
- 背景图片(background image)
- 背景图片层(background image layer)
- 背景绘制区域(background painting area)
- 背景定位区域(background positioning area)
- 反斜杠转义(backslash escapes)
- 基线(baseline)
- 基线对齐(baseline alignment)
- 基线对齐偏好(baseline alignment preference)
- 基线内容对齐(baseline content-alignment)
- 基线自对齐(baseline self-alignment)
- 基线集(baseline set)
- 基线共享组(baseline-sharing group)
- 基线表(baseline table)
- 基础尺寸(base size)
- 方位角(bearing angle)
- :before
- before
- before-change style
- before flag
- beige
- bfc
- 双向格式字符(bidi formatting characters)
- bidi-isolate
- bidi-isolated
- bidi isolation
- 双向段落(bidi paragraph)
- 双向性(bidirectionality)
- 双向性(bidi)
- 双向定向(bi-orientational)
- 双向定向变换(bi-orientational transform)
- bisque
- 'bitmap' 媒体组
- black
- blanchedalmond
- ()-块(()-block)
- []-块([]-block)
- 块(block)
- { }-块({}-block)
- 块 at 规则(block at-rule)
- 块轴(block axis)
- block-axis
- 块盒(block box)
- 块容器(block container)
- 块容器盒(block container box)
- 块尺寸(block dimension)
- 块末端(block end)
- block-end
- 块流方向(block flow direction)
- 块格式化上下文(block formatting context)
- 块格式化上下文根(block formatting context root)
- 块化(blockification)
- 块化(blockify)
- 块布局(block layout)
- 块级(block-level)
- 块级盒(block-level box)
- 块级内容(block-level content)
- 块级元素(block-level element)
- 块脚本(block scripts)
- 块尺寸(block size)
- block-size
- 块起始(block start)
- block-start
- blue
- blueviolet
- 模糊半径(blur radius)
- 布尔上下文(boolean context)
- 边框盒(border box)
- 边框颜色(border color)
- 边框边缘(border edge)
- 边框图片(border image)
- 边框图片区域(border image area)
- 边框图片区域(border image region)
- 盒边框(box::border)
- 边框半径(border radius)
- <border-style>
- 边框样式(border style)
- 边框宽度(border width)
- 底部(bottom)
- 盒(box)
- 盒对齐属性(box alignment properties)
- 盒::边框(box::border)
- 盒::内容(box::content)
- 盒::内容高度(box::content height)
- 盒::内容宽度(box::content width)
- 盒角(box-corner)
- 盒片段(box fragment)
- 盒::外边距(box::margin)
- 盒::溢出(box::overflow)
- 盒::内边距(box::padding)
- 盒树(box tree)
- 断开(break)
- brown
- burlywood
- buttonface
- buttonhighlight
- buttonshadow
- buttontext
- cadetblue
- 取消(cancel)
- 规范单位(canonical unit)
- 画布(canvas)
- 画布背景(canvas background)
- 画布表面(canvas surface)
- captiontext
- 捕获吸附位置(captures snap positions)
- 层叠(cascade)
- 依赖层叠的关键字(cascade-dependent keyword)
- 独立层叠(cascaded independently)
- 层叠值(cascaded value)
- 层叠来源(cascade origin)
- 中央基线(central baseline)
- 字符(character)
- 字符编码(character encoding)
- 字符映射(character map)
- "@charset"
- chartreuse
- 检查三个码点是否可启动标识符序列(check if three code points would start an ident sequence)
- 检查三个码点是否可启动数字(check if three code points would start a number)
- 检查三个码点是否可启动 unicode-range(check if three code points would start a unicode-range)
- 检查两个码点是否为有效转义(check if two code points are a valid escape)
- 子元素(child)
- 子组合符(child combinator)
- 子选择器(child selector)
- 中文(chinese)
- chocolate
- circled-lower-latin
- 限制网格区域(clamp a grid area)
- 清除(clearance)
- 裁剪路径(clipping path)
- 裁剪区域(clipping region)
- 最近边(closest-side)
- 聚集型脚本(clustered scripts)
- 折叠(collapse)
- 已折叠(collapsed)
- 被折叠的弹性项目(collapsed flex item)
- 被折叠的网格轨道(collapsed grid track)
- 被折叠的槽(collapsed gutter)
- 被折叠的轨道(collapsed track)
- 穿透折叠(collapse through)
- 可折叠空白(collapsible white space)
- 外边距折叠(collapsing margin)
- <color>
- 颜色(color)
- 颜色停止点(color stop)
- 颜色停止点列表(color stop list)
- 颜色过渡提示(color transition hint)
- 列盒(column box)
- 列断开(column break)
- 列间隔(column gap)
- 列高度(column height)
- 列规则(column rule)
- 列宽度(column width)
- 组合符(combinator)
- 组合符们(combinators)
- 合计持续时长(combined duration)
- 兼容基线对齐偏好(compatible baseline alignment preferences)
- 兼容单位(compatible units)
- 完成(complete)
- 已完成的过渡(completed transition)
- 组件值(component value)
- 复合字面(composite face)
- 计算得到的 <image>(computed <image>)
- 计算得到的轨道列表(computed track list)
- 计算值(computed value)
- 具体对象尺寸(concrete object size)
- 条件分组规则(conditional group rule)
- 条件导入(conditional import)
- 条件悬挂(conditionally hang)
- 一致性(conformance)
- 连续的(consecutive)
- 约束矩形(constraint rectangle)
- 消费一个块(consume a block)
- 消费一个块内容(consume a block's contents)
- 消费组件值(consume a component value)
- 消费声明(consume a declaration)
- 消费函数(consume a function)
- 消费组件值列表(consume a list of component values)
- 消费声明列表(consume a list of declarations)
- 消费规则列表(consume a list of rules)
- 消费 at 规则(consume an at-rule)
- 消费转义码点(consume an escaped code point)
- 消费类标识 token(consume an ident-like token)
- 消费标识符序列(consume an ident sequence)
- 消费数字(consume a number)
- 消费数字 token(consume a numeric token)
- 消费限定规则(consume a qualified rule)
- 消费简单块(consume a simple block)
- 消费字符串 token(consume a string token)
- 消费样式块内容(consume a style block's contents)
- 消费样式表内容(consume a stylesheet's contents)
- 消费 token(consume a token)
- 消费 unicode-range token(consume a unicode-range token)
- 消费 url token(consume a url token)
- 消费注释(consume comments)
- 消费下一个输入 token(consume the next input token)
- 消费坏声明的剩余部分(consume the remnants of a bad declaration)
- 消费坏 url 的剩余部分(consume the remnants of a bad url)
- 消费 unicode-range 描述符值(consume the value of a unicode-range descriptor)
- 包含约束(contain constraint)
- 包含块(containing block)
- 包含块链(containing block chain)
- 所有后代的包含块(containing block for all descendants)
- 包含块::初始(containing block::initial)
- 包含性(containment)
- 内容(content)
- 基于内容的最小尺寸(content-based minimum size)
- 内容盒(content box)
- 内容分布(content distribution)
- content-distribution
- 内容分布属性(content-distribution properties)
- 内容边缘(content edge)
- 内容语言(content language)
- 盒::内容(content::of a box)
- 内容::渲染后(content::rendered)
- 内容尺寸建议(content size suggestion)
- 内容书写系统(content writing system)
- 连续媒体(continuous media)
- 'continuous' 媒体组
- 将字符串转换为数字(convert a string to a number)
- 协调自对齐偏好(coordinated self-alignment preference)
- coral
- cornflowerblue
- cornsilk
- <counter>
- counter()
- 计数器(counters)
- 计数器样式(counter style)
- 计数器符号(counter symbol)
- 覆盖约束(cover constraint)
- crimson
- 交叉轴(cross axis)
- cross-axis
- 交叉轴基线集(cross-axis baseline set)
- 交叉尺寸(cross dimension)
- 交叉末端(cross-end)
- 交叉尺寸(cross size)
- cross-size
- 交叉尺寸属性(cross size property)
- 交叉起始(cross-start)
- CSS 括号范围表示法(css bracketed range notation)
- css-connected
- CSS 特性查询(css feature queries)
- cssfontfacerule
- cssfontfeaturevaluesrule
- CSS 标识符(css ident)
- CSS 标识(css identifier)
- CSS 标识符序列(css ident sequence)
- CSS 合格名称(css qualified name)
- CSS 值定义语法(css value definition syntax)
- CSS 宽关键字(css-wide keywords)
- 三次贝塞尔缓动函数(cubic bézier easing function)
- currentcolor
- 当前输入码点(current input code point)
- 当前输入 token(current input token)
- 当前变换矩阵(current transformation matrix)
- 当前值(current value)
- 草书(cursive)
- 草书脚本(cursive script)
- 自定义属性(custom property)
- cyan
- darkblue
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkgrey
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkslategrey
- darkturquoise
- darkviolet
- 声明(declaration)
- 声明块(declaration block)
- 已声明(declared)
- 已声明值(declared value)
- 解码字节(decode bytes)
- 装饰盒(decorating box)
- deeppink
- deepskyblue
- 默认字面(default face)
- 默认命名空间(default namespace)
- 默认对象尺寸(default object size)
- 默认尺寸算法(default sizing algorithm)
- 默认样式表(default style sheet)
- 确定的(definite)
- 确定的列位置(definite column position)
- 确定的列跨度(definite column span)
- 确定的网格位置(definite grid position)
- 确定的网格跨度(definite grid span)
- 确定的位置(definite position)
- 确定的行位置(definite row position)
- 确定的行跨度(definite row span)
- 确定的尺寸(definite size)
- 确定的跨度(definite span)
- 后代(descendant)
- 后代选择器(descendant-selectors)
- 描述符(descriptor)
- 描述符声明(descriptor declarations)
- 目标(destination)
- 确定回退编码(determine the fallback encoding)
- 设备像素(device pixel)
- 骰子(dice)
- 数字(digit)
- 尺寸(dimension)
- dimgray
- dimgrey
- 方向嵌入(directional embedding)
- 方向覆盖(directional override)
- 丢弃标记(discard a mark)
- 丢弃 token(discard a token)
- 丢弃空白(discard whitespace)
- display 类型(display type)
- 分布对齐(distributed alignment)
- 分配额外空间(distribute extra space)
- 文档(document)
- 文档语言(document language)
- 文档顺序(document order)
- 文档树(document tree)
- 文档空白(document white space)
- 文档空白字符(document white space characters)
- dodgerblue
- 主基线(dominant baseline)
- 缓动函数(easing function)
- 有效字符映射(effective character map)
- 元素(element)
- 元素::后继(element::following)
- 元素::前导(element::preceding)
- 元素树(element tree)
- 表情呈现参与码点(emoji presentation participating code points)
- 空(empty)
- em(单位)
- 封装上下文(encapsulation contexts)
- 末端(end)
- 终点(ending point)
- 终止形状(ending shape)
- 结束 token(ending token)
- 最末端(endmost)
- 结束时间(end time)
- 结束值(end value)
- 环境编码(environment encoding)
- eof 码点(eof code point)
- 转义(escaping)
- 建立独立格式化上下文(establish an independent formatting context)
- 建立正交流(establish an orthogonal flow)
- 已建立独立格式化上下文(established an independent formatting context)
- 建立独立格式化上下文(establishes an independent formatting context)
- 建立中独立格式化上下文(establishing an independent formatting context)
- 精确匹配(exact matching)
- 扩展名(expanded name)
- 显式网格(explicit grid)
- 显式网格列(explicit grid column)
- 显式网格属性(explicit grid properties)
- 显式网格行(explicit grid row)
- 显式网格轨道(explicit grid track)
- 显式分配行名(explicitly-assigned line name)
- ex(单位)
- 回退对齐(fallback alignment)
- 负区间为假(false in the negative range)
- 幻想(fantasy)
- 最远边(farthest-side)
- 获取字体(fetch a font)
- 获取 @import(fetch an @import)
- 虚拟标签序列(fictional tag sequence)
- 筛选码点(filter code points)
- 已筛选码点(filtered code points)
- 滤镜原语(filter primitive)
- 滤镜原语属性(filter primitive attributes)
- 滤镜原语子区域(filter primitive subregion)
- 滤镜原语树(filter primitive tree)
- 滤镜区域(filter region)
- 查找匹配字体(find the matching font faces)
- 触发字体加载事件(fire a font load event)
- firebrick
- :first
- 首选可用字体(first available font)
- 首基线对齐(first-baseline alignment)
- 首基线内容对齐(first-baseline content-alignment)
- 首基线集合(first baselines)
- 首基线自对齐(first-baseline self-alignment)
- 首基线集(first baseline set)
- :first-child
- first-child
- 首交叉轴基线集(first cross-axis baseline set)
- 首格式化行(first formatted line)
- :first-letter
- first-letter
- :first-line
- first-line
- 主轴首基线集(first main-axis baseline set)
- 首符号值(first symbol value)
- 固定尺寸函数(fixed sizing function)
- 弹性基准尺寸(flex base size)
- 弹性基础(flex basis)
- 弹性容器(flex container)
- 弹性方向(flex direction)
- 弹性因子(flex factor)
- 弹性因子和(flex factor sum)
- 弹性格式化上下文(flex formatting context)
- 弹性分数(flex fraction)
- 弹性增长因子(flex grow factor)
- 可弹性伸缩(flexible)
- 弹性长度(flexible length)
- 弹性尺寸函数(flexible sizing function)
- 弹性轨道(flexible tracks)
- 弹性项目(flex item)
- 弹性布局(flex layout)
- 弹性级别(flex-level)
- 弹性行(flex line)
- 弹性收缩因子(flex shrink factor)
- 浮动区域(float area)
- 浮动规则(float rules)
- floralwhite
- 流式布局(flow layout)
- 元素流(flow of an element)
- 流向相关(flow-relative)
- 流向相关方向(flow-relative direction)
- :focus
- 焦点(focus)
- focus(伪类)
- 后继元素(following element)
- 字体阻塞期(font block period)
- 字体下载计时器(font download timer)
- 字体失效期(font failure period)
- 字体特性值声明(font feature value declaration)
- font-feature-value-type
- 字体相关长度(font-relative lengths)
- 字体源(font source)
- 字体专用(font specific)
- font-stretch
- 字体替换期(font swap period)
- 脚注(footnote)
- 强制断开(forced break)
- 强制断开值(forced break values)
- 强制换行(forced line break)
- 强制段落断开(forced paragraph break)
- forestgreen
- 格式化上下文(formatting context)
- 格式化结构(formatting structure)
- 前向兼容解析(forward-compatible parsing)
- 片段(fragment)
- 片段容器(fragmentainer)
- 分段(fragmentation)
- 分段断开(fragmentation break)
- 分段容器(fragmentation container)
- 分段上下文(fragmentation context)
- 分段方向(fragmentation direction)
- 分段根(fragmentation root)
- 分段流(fragmented flow)
- 空闲空间(free space)
- <frequency>
- fuchsia
- 全角(full-size)
- 全角假名(full-size kana)
- 全宽(full-width)
- 完全不可伸缩(fully inflexible)
- 函数(function)
- 函数表示法(functional notation)
- gainsboro
- 生成计数器(generate a counter)
- 生成计数器表示(generate a counter representation)
- 生成基线(generate baselines)
- 生成内容(generated content)
- <generic-voice>
- ghostwhite
- go
- gold
- goldenrod
- 渐变平均色(gradient-average-color)
- 渐变盒(gradient box)
- 渐变中心(gradient center)
- 渐变函数(gradient function)
- 渐变线(gradient line)
- 字素簇(grapheme cluster)
- gray
- graytext
- green
- greenyellow
- grey
- 网格(grid)
- 网格区域(grid area)
- 网格单元(grid cell)
- 网格列(grid column)
- 网格列线(grid column line)
- 网格容器(grid container)
- 网格格式化上下文(grid formatting context)
- 网格项(grid item)
- 网格项放置算法(grid item placement algorithm)
- 网格布局(grid layout)
- 网格布局算法(grid layout algorithm)
- 网格级别(grid-level)
- 网格线(grid line)
- 'grid' 媒体组
- 网格修改后的文档顺序(grid-modified document order)
- 网格顺序(grid order)
- 网格放置(grid placement)
- 网格放置属性(grid-placement property)
- 网格位置(grid position)
- 网格行(grid row)
- 网格行线(grid row line)
- 网格尺寸算法(grid sizing algorithm)
- 网格跨度(grid span)
- 网格轨道(grid track)
- 增长限制(growth limit)
- 保证无效值(guaranteed-invalid value)
- 槽(gutter)
- 半宽(half-width)
- 悬挂(hang)
- 悬挂字形(hanging glyph)
- 高度(height)
- 十六进制数字(hex digit)
- highlight
- highlighttext
- honeydew
- 水平轴(horizontal axis)
- 水平块流(horizontal block flow)
- 水平方向尺寸(horizontal dimension)
- 水平偏移(horizontal offset)
- 仅水平(horizontal-only)
- 水平书写(horizontal script)
- 水平排版模式(horizontal typographic mode)
- 水平书写模式(horizontal writing mode)
- hotpink
- :hover
- hover(伪类)
- 断字(hyphenate)
- 断字处理(hyphenation)
- 断字机会(hyphenation opportunity)
- 连字符分隔匹配(hyphen-separated matching)
- 假定交叉尺寸(hypothetical cross size)
- 假定 fr 尺寸(hypothetical fr size)
- 假定主尺寸(hypothetical main size)
- ident
- 标识码点(ident code point)
- 标识符(identifier)
- 恒等变换函数(identity transform function)
- 标识符序列(ident sequence)
- 标识起始码点(ident-start code point)
- 忽略(ignore)
- 被忽略(ignored)
- 非法(illegal)
- 隐式网格(implicit grid)
- 隐式网格列(implicit grid column)
- 隐式网格线(implicit grid lines)
- 隐式网格属性(implicit grid properties)
- 隐式网格行(implicit grid row)
- 隐式网格轨道(implicit grid track)
- 隐式分配行名(implicitly-assigned line name)
- 隐式命名区域(implicitly-named area)
- @import
- important
- 导入条件(import conditions)
- inactiveborder
- inactivecaption
- inactivecaptiontext
- 不确定的(indefinite)
- 不确定尺寸(indefinite size)
- 独立格式化上下文(independent formatting context)
- 索引(index)
- indianred
- indigo
- 无限可增长(infinitely growable)
- 在流中(in flow)
- in-flow
- infobackground
- infotext
- inherit
- inheritance
- 继承属性(inherited property)
- 继承值(inherited value)
- 初始包含块(initial containing block)
- 初始空闲空间(initial free space)
- 计数器值的初始表示(initial representation for the counter value)
- 初始值(initial value)
- inline
- 内联轴(inline axis)
- inline-axis
- 内联基方向(inline base direction)
- 内联块(inline block)
- inline-block
- 内联块盒(inline block box)
- 内联盒(inline box)
- 内联尺寸(inline dimension)
- 内联末端(inline end)
- inline-end
- 内联格式化上下文(inline formatting context)
- 内联级别(inline-level)
- 内联级盒(inline-level box)
- 内联级内容(inline-level content)
- 内联级元素(inline-level element)
- 内联尺寸(inline size)
- inline-size
- 内联起始(inline start)
- inline-start
- 内联化(inlinification)
- 内联化(inlinify)
- 内盒阴影(inner box-shadow)
- 内部 display 类型(inner display type)
- 内部边缘(inner edge)
- 输入进度值(input progress value)
- 输入流(input stream)
- 已安装字体回退(installed font fallback)
- 整数(integer)
- 预期方向(intended direction)
- 预期方向和末端位置(intended direction and end position)
- 预期末端位置(intended end position)
- 'interactive media group
- 内部 ruby 盒(internal ruby box)
- 内部 ruby 元素(internal ruby element)
- 内部表格盒(internal table box)
- 内部表格元素(internal table element)
- 解释器(interpreter)
- 固有尺寸(intrinsic dimensions)
- 固有尺寸函数(intrinsic sizing function)
- 无效(invalid)
- 计算值阶段无效(invalid at computed-value time)
- 无效图片(invalid image)
- 无效规则错误(invalid rule error)
- 不可见(invisible)
- 隔离序列(isolated sequence)
- 隔离(isolation)
- 迭代顺序(iteration order)
- ivory
- 日文(japanese)
- 对齐机会(justification opportunity)
- 关键字(keyword)
- khaki
- 已知(known)
- 韩文(korean)
- :lang
- lang(伪类)
- 末基线对齐(last-baseline alignment)
- 末基线内容对齐(last-baseline content-alignment)
- 末基线集合(last baselines)
- 末基线自对齐(last-baseline self-alignment)
- 末基线集(last baseline set)
- 末交叉轴基线集(last cross-axis baseline set)
- 末主轴基线集(last main-axis baseline set)
- lavender
- lavenderblush
- lawngreen
- 原地布局(laying out in-place)
- 布局包含性(layout containment)
- 布局包含盒(layout containment box)
- 内部布局(layout-internal)
- :left
- 左(left)
- 剩余空间(leftover space)
- 遗留名称别名(legacy name alias)
- 遗留简写(legacy shorthand)
- 遗留值别名(legacy value alias)
- lemonchiffon
- 字母(letter)
- lightblue
- lightcoral
- lightcyan
- lightgoldenrodyellow
- lightgray
- lightgreen
- lightgrey
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightslategrey
- 光源(light source)
- lightsteelblue
- lightyellow
- lime
- limegreen
- 受限最大内容贡献(limited max-content contribution)
- 受限最小内容贡献(limited min-content contribution)
- 线性缓动函数(linear easing function)
- 线性时间函数(linear timing function)
- 行盒(line box)
- 换行(line break)
- 断行(line breaking)
- 断行过程(line breaking process)
- 行左(line-left)
- linen
- 行名(line name)
- 行名集合(line name set)
- 行方向(line orientation)
- 行上方(line-over)
- 行相关(line-relative)
- 行相关方向(line-relative direction)
- 行右(line-right)
- 行下方(line-under)
- :link
- link(伪类)
- list-item
- 列表属性(list properties)
- 加载图片(loading image)
- 本地坐标系(local coordinate system)
- 本地 url 标志(local url flag)
- 逻辑高度(logical height)
- 逻辑宽度(logical width)
- 长写法(longhand)
- 长写属性(longhand property)
- 小写字母(lowercase letter)
- magenta
- 主轴(main axis)
- main-axis
- 主轴基线集(main-axis baseline set)
- 主尺寸(main dimension)
- 主末端(main-end)
- 主尺寸(main size)
- main-size
- 主尺寸属性(main size property)
- 主起始(main-start)
- 外边距盒(margin box)
- 外边距边缘(margin edge)
- 盒::外边距(margin::of a box)
- <margin-width>
- 标记(mark)
- 标记索引(marked indexes)
- maroon
- 遮罩边框图片(mask border image)
- 遮罩边框图片区域(mask border image area)
- 遮罩图片(mask image)
- 遮罩层图片(mask layer image)
- 遮罩绘制区域(mask painting area)
- 遮罩位置(mask-position)
- 遮罩定位区域(mask positioning area)
- 遮罩尺寸(mask-size)
- 匹配(match)
- 匹配过渡延迟(matching transition delay)
- 匹配过渡持续时间(matching transition duration)
- 匹配 transition-property 值(matching transition-property value)
- 匹配过渡时序函数(matching transition timing function)
- 最大交叉尺寸(max cross size)
- 最大交叉尺寸属性(max cross size property)
- 最大允许码点(maximum allowed code point)
- 最大内部高度(max inner height)
- 最大内部宽度(max inner width)
- 最大主尺寸(max main size)
- 最大主尺寸属性(max main size property)
- 最大轨道尺寸函数(max track sizing function)
- may
- 媒体(media)
- 媒体条件(media condition)
- 媒体相关导入(media-dependent import)
- 媒体特性(media feature)
- 媒体组(media group)
- 媒体查询(media query)
- 媒体查询列表(media query list)
- 媒体查询修饰符(media query modifier)
- 媒体类型(media type)
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumspringgreen
- mediumturquoise
- mediumvioletred
- menu
- menutext
- 消息实体(message entity)
- midnightblue
- 最小交叉尺寸(min cross size)
- 最小交叉尺寸属性(min cross size property)
- 最小贡献(minimum contribution)
- 最小内部高度(min inner height)
- 最小内部宽度(min inner width)
- 最小主尺寸(min main size)
- 最小主尺寸属性(min main size property)
- mintcream
- 最小轨道尺寸函数(min track sizing function)
- mistyrose
- moccasin
- 整体式(monolithic)
- 等宽(monospace)
- 多栏容器(multicol container)
- 多栏线(multi-col line)
- 多栏线(multicol line)
- 多栏容器(multi-column container)
- 多栏格式化上下文(multi-column formatting context)
- 多栏布局(multi-column layout)
- 多栏线(multi-column line)
- 多栏跨栏元素(multi-column spanner)
- 多栏跨栏元素(multi-column spanning element)
- 多行弹性容器(multi-line flex container)
- 多重声明(multiple declarations)
- 乘法(multiply)
- must
- must not
- 命名单元格 token(named cell token)
- 命名网格区域(named grid area)
- 命名空间前缀(namespace prefix)
- 名称起始码点(name-start code point)
- 自然纵横比(natural aspect ratio)
- 自然尺寸(natural dimension)
- 自然终点(natural end-point)
- 自然高度(natural height)
- 自然尺寸(natural size)
- 自然宽度(natural width)
- navajowhite
- navy
- 最近邻(nearest neighbor)
- 换行符(newline)
- 下一个输入码点(next input code point)
- 下一个输入 token(next input token)
- 下一个兄弟组合符(next-sibling combinator)
- 下一个 token(next token)
- 非 ASCII 码点(non-ascii code point)
- 非 ASCII 标识码点(non-ascii ident code point)
- 'none' 作为 display 值
- 不可覆盖计数器样式名(non-overridable counter-style names)
- 非可打印码点(non-printable code point)
- 非替换(non-replaced)
- 非替换元素(non-replaced element)
- normal
- 规范化为 token 流(normalize into a token stream)
- 空单元格 token(null cell token)
- 数字(number)
- 数字数据类型(numeric data types)
- 对象(objects)
- 对象尺寸协商(object size negotiation)
- 已占用(occupied)
- oldlace
- olive
- olivedrab
- opacity
- 操作坐标空间(operating coordinate space)
- 最佳视区(optimal viewing region)
- optional
- orange
- orangered
- orchid
- 顺序修改文档顺序(order-modified document order)
- 正交(orthogonal)
- 正交流(orthogonal flow)
- 其他空格分隔符(other space separators)
- 外盒阴影(outer box-shadow)
- 外部 display 类型(outer display type)
- 外部边缘(outer edge)
- outline
- 脱离流(out of flow)
- 脱离流(out-of-flow)
- 层叠输出(output of the cascade)
- 输出进度值(output progress value)
- over
- 溢出(overflow)
- 溢出对齐(overflow alignment)
- 溢出列(overflow columns)
- 内边距盒(padding box)
- 内边距边缘(padding edge)
- 盒::内边距(padding::of a box)
- <padding-width>
- @page
- 页面区域(page area)
- 页面盒(page box)
- 分页(page break)
- 页面上下文(page-context)
- 分页媒体(paged media)
- 'paged' 媒体组
- 页面选择器(page selector)
- 分页(pagination)
- 绘制包含性(paint containment)
- 绘制包含盒(paint containment box)
- palegoldenrod
- palegreen
- paleturquoise
- palevioletred
- papayawhip
- 父元素(parent)
- 父盒(parent box)
- 解析(parse)
- 解析块内容(parse a block's contents)
- 按 CSS 语法解析逗号分隔列表(parse a comma-separated list according to a css grammar)
- 解析组件值逗号分隔列表(parse a comma-separated list of component values)
- 解析组件值(parse a component value)
- 解析 CSS 样式表(parse a css stylesheet)
- 解析声明(parse a declaration)
- 按 CSS 语法解析列表(parse a list)
- 解析组件值列表(parse a list of component values)
- 解析声明列表(parse a list of declarations)
- 解析规则列表(parse a list of rules)
- 解析规则(parse a rule)
- 解析样式块内容(parse a style block's contents)
- 解析样式表(parse a stylesheet)
- 解析样式表内容(parse a stylesheet's contents)
- 解析错误(parse error)
- 按 CSS 语法解析内容(parse something according to a css grammar)
- 解析列表(parsing a list)
- 参与基线对齐(participates in baseline alignment)
- 透过滤镜(pass through filter)
- peachpuff
- 环境挂起(pending on the environment)
- 挂起替换值(pending-substitution value)
- 百分比(percentage)
- peru
- 物理(physical)
- 物理底部(physical bottom)
- 物理尺寸(physical dimensions)
- 物理方向(physical direction)
- 物理左侧(physical left)
- 物理右侧(physical right)
- 物理顶部(physical top)
- 物理单位(physical unit)
- pink
- 像素(pixel)
- 像素单位(pixel unit)
- plum
- 位置对齐(positional alignment)
- 定位元素/盒(positioned element/box)
- 定位方案(positioning scheme)
- 后乘(post-multiplied)
- 后乘(post-multiply)
- powderblue
- 前导元素(preceding element)
- 先乘(pre-multiplied)
- 先乘(pre-multiply)
- 保留的 token(preserved tokens)
- 保留空白(preserved white space)
- 主滤镜原语树(primary filter primitive tree)
- 主块级盒(principal block-level box)
- 主盒(principal box)
- 主书写模式(principal writing mode)
- 处理(process)
- 传播(propagate)
- 传播(propagation)
- 正确的表格子元素(proper table child)
- 正确的表格行父元素(proper table row parent)
- 属性(property)
- 属性声明(property declarations)
- 伪类(pseudo-classes)
- 伪类:::active(pseudo-classes:::active)
- 伪类:::focus(pseudo-classes:::focus)
- 伪类:::hover(pseudo-classes:::hover)
- 伪类:::lang(pseudo-classes:::lang)
- 伪类:::link(pseudo-classes:::link)
- 伪类:::visited(pseudo-classes:::visited)
- 伪类:::first(pseudo-class:::first)
- 伪类:::left(pseudo-class:::left)
- 伪类:::right(pseudo-class:::right)
- 伪元素(pseudo-elements)
- 伪元素:::after(pseudo-elements:::after)
- 伪元素:::before(pseudo-elements:::before)
- 伪元素:::first-letter(pseudo-elements:::first-letter)
- 伪元素:::first-line(pseudo-elements:::first-line)
- purple
- quad 宽度(quad width)
- 限定规则(qualified rule)
- 范围上下文(range context)
- 推荐(recommended)
- 重新消费当前输入码点(reconsume the current input code point)
- 重新消费当前输入 token(reconsume the current input token)
- red
- 参考盒(reference box)
- 参考像素(reference pixel)
- 区域断开(region break)
- 相对长度(relative length)
- 相对长度单位(relative length unit)
- 相对定位(relative positioning)
- 相对单位(relative units)
- 剩余片段容器范围(remaining fragmentainer extent)
- 剩余空闲空间(remaining free space)
- 已渲染内容(rendered content)
- 用后备字体渲染(render with a fallback font face)
- 用不可见后备字体渲染(render with an invisible fallback font face)
- 替换(replaced)
- 替换元素(replaced element)
- 表示(representation)
- 必需(required)
- 隐式重置(reset implicitly)
- 仅重置子属性(reset-only sub-property)
- 重新吸附(re-snap)
- 已解析类型(resolved type)
- 恢复标记(restore a mark)
- 反向调整起始值(reversing-adjusted start value)
- 反向缩短因子(reversing shortening factor)
- :right
- 右(right)
- 根(root)
- 根元素(root element)
- rosybrown
- 行组盒(row group box)
- 行组(row groups)
- royalblue
- 规则(rule)
- run-in
- run-in 盒(run-in box)
- run-in 序列(run-in sequence)
- 进行中的过渡(running transition)
- saddlebrown
- salmon
- sandybrown
- sans-serif
- 缩放弹性收缩因子(scaled flex shrink factor)
- 作用域(scope)
- 屏幕阅读器(screen reader)
- scrollbar
- 滚动吸附(scroll snap)
- 滚动吸附区域(scroll snap area)
- 滚动吸附容器(scroll snap container)
- 滚动吸附端口(scroll snapport)
- 滚动吸附位置(scroll snap position)
- seagreen
- seashell
- 分段断开(segment break)
- 选择器(selector)
- 选择器::匹配(selector::match)
- 选择器::主语(selector::subject of)
- 自对齐(self-alignment)
- 自对齐属性(self-alignment properties)
- 半音(semitone)
- 简单选择器序列(sequence of simple selectors)
- 序列化 <an+b> 值(serialize an <an+b> value)
- serif
- 设置条目(set entries)
- 显式设置(set explicitly)
- shall
- shall not
- 共享对齐上下文(shared alignment context)
- 样式表(sheet)
- 简写(shorthand)
- 简写属性(shorthand property)
- should
- should not
- 兄弟(sibling)
- 横向排版(sideways typesetting)
- sienna
- silver
- 简单块(simple block)
- 简单选择器(simple selector)
- 单行弹性容器(single-line flex container)
- 尺寸包含性(size containment)
- 尺寸包含盒(size containment box)
- 按空内容定尺寸(sizing as if empty)
- 定尺寸函数(sizing function)
- skyblue
- slateblue
- slategray
- slategrey
- 小(small)
- 小假名(small kana)
- snow
- 软换行断点(soft wrap break)
- 软换行机会(soft wrap opportunity)
- 源(source)
- 源文档(source document)
- 空格(spaces)
- 空格分隔匹配(space-separated matching)
- 待填充空间(space to fill)
- 跨度计数(span count)
- <specific-voice>
- 指定尺寸(specified size)
- 指定尺寸建议(specified size suggestion)
- 指定值(specified value)
- 'speech' 媒体组
- 跨页断开(spread break)
- 阴影扩展距离(spread distance)
- springgreen
- 堆叠上下文(stacking context)
- 堆叠级别(stack level)
- 起始(start)
- 起点(starting point)
- 最起始(startmost)
- 以标识符序列开始(starts with an ident sequence)
- 以数字开始(starts with a number)
- 以有效转义开始(starts with a valid escape)
- 起始时间(start time)
- 起始值(start value)
- 以标识符序列开始(start with an ident sequence)
- 以数字开始(start with a number)
- 语句 at 规则(statement at-rule)
- 'static' 媒体组
- 静态定位矩形(static-position rectangle)
- steelblue
- 分步缓动函数(step easing function)
- 分步位置(step position)
- 分步(steps)
- 停止或逗号(stop or comma)
- 拉伸(stretched)
- 严格性值(strictness value)
- <string>
- 描边边界盒(stroke bounding box)
- 结构伪类(structural pseudo-classes)
- 撑杆尺寸(strut size)
- 环境卡住(stuck on the environment)
- 样式属性(style attribute)
- 样式更改事件(style change event)
- 样式规则(style rule)
- 样式表(style sheet)
- 样式表(stylesheet)
- 选择器主语(subject (of selector))
- 选择器主语们(subjects of the selector)
- 子属性(sub-property)
- 后继兄弟组合符(subsequent-sibling combinator)
- 替换 var()(substitute a var())
- 支持(support)
- supports 查询(supports queries)
- 切换 fontfaceset 至 loaded(switch the fontfaceset to loaded)
- 切换 fontfaceset 至 loading(switch the fontfaceset to loading)
- 合成基线(synthesize baseline)
- 合成的基线(synthesized baseline)
- 系统字体(system fonts)
- 表格标题盒(table caption box)
- 表格元素(table element)
- 表格(tables)
- 制表符(tabs)
- 制表符尺寸(tab size)
- 制表符停止(tab stop)
- 表格容器(tabular container)
- 'tactile' 媒体组
- tan
- 目标主尺寸(target main size)
- teal
- text/css
- 文本节点(text node)
- 文本序列(text sequence)
- 文本数据类型(textual data types)
- thistle
- threeddarkshadow
- threedface
- threedhighlight
- threedlightshadow
- threedshadow
- <time>
- 时序函数(timing function)
- 分词化(tokenization)
- 分词(tokenize)
- 分词器(tokenizer)
- tokens
- token 流(token stream)
- tomato
- 顶部(top)
- 字距(tracking)
- 轨道列表(track list)
- 轨道区段(track section)
- 轨道尺寸算法(track sizing algorithm)
- 轨道尺寸函数(track sizing function)
- 传递函数元素(transfer function element)
- 传递函数元素属性(transfer function element attributes)
- 转移尺寸建议(transferred size suggestion)
- 可变换元素(transformable element)
- 变换矩阵(transformation matrix)
- 已变换元素(transformed element)
- 可过渡(transitionable)
- 过渡来源(transition origin)
- transparent
- 垃圾 token(trash token)
- triangle
- trinary
- turquoise
- 类型选择器(type selector)
- 横向排版(typeset sideways)
- 横向排版(typesetting sideways)
- 直立排版(typesetting upright)
- 直立排版(typeset upright)
- 排版字符(typographic character)
- 排版字符单元(typographic character unit)
- 排版字母单元(typographic letter unit)
- 排版模式(typographic mode)
- ua
- ua 来源(ua origin)
- ua-origin
- ua 样式表(ua style sheet)
- under
- 非强制断开(unforced break)
- 通用选择器(universal selector)
- 未知(unknown)
- 未占用(unoccupied)
- upper-alpha-legal
- 大写字母(uppercase letter)
- 直立排版(upright typesetting)
- url
- 使用负号(use a negative sign)
- 使用值(used value)
- 用户(user)
- 用户代理(user agent)
- user-agent 来源(user-agent origin)
- user-agent 样式表(user-agent style sheet)
- 用户坐标系(user coordinate system)
- user 来源(user origin)
- user-origin
- user 样式表(user style sheet)
- 使用负号(uses a negative sign)
- 有效图片(valid image)
- 有效性(validity)
- 有效样式表(valid style sheet)
- 值(value)
- 值定义语法(value definition syntax)
- var() 替换(var() substitution)
- 垂直轴(y-axis)
- 垂直块流(vertical block flow)
- 垂直尺寸(vertical dimension)
- 垂直偏移(vertical offset)
- 仅垂直(vertical-only)
- 垂直脚本(vertical script)
- 垂直排版模式(vertical typographic mode)
- 垂直书写模式(vertical writing mode)
- 视口(viewport)
- 视口百分比长度(viewport-percentage lengths)
- violet
- :visited
- visited(伪类)
- 视角单位(visual angle unit)
- 视觉格式化模型(visual formatting model)
- 'visual' 媒体组
- 音量(volume)
- wheat
- white
- whitesmoke
- 空白(white space)
- 空白符(whitespace)
- 空白字符(white space characters)
- 宽度(width)
- window
- windowframe
- windowtext
- 单词分隔符(word separator)
- 单词分隔符字符(word-separator character)
- 会启动标识符序列(would start an ident sequence)
- 会启动数字(would start a number)
- 会启动 unicode-range(would start a unicode-range)
- 换行(wrap)
- 换行处理(wrapping)
- 书写模式(writing mode)
- x 轴(x-axis)
- x 高度(x-height)
- y 轴(y-axis)
- yellow
- yellowgreen
5.2. 选择器索引
5.3. At 规则索引
5.4. 属性索引
- --*
- align-content
- align-items
- align-self
- all
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- azimuth
- background
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- bottom
- box-decoration-break
- box-shadow
- box-sizing
- break-after
- break-before
- break-inside
- caption-side
- caret-color
- clear
- clip
- clip-path
- clip-rule
- color
- color-interpolation-filters
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- columns
- column-span
- column-width
- contain
- content
- counter-increment
- counter-reset
- cue
- cue-after
- cue-before
- cursor
- direction
- display
- elevation
- empty-cells
- filter
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- float
- flood-color
- flood-opacity
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-palette
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-synthesis-position
- font-synthesis-small-caps
- font-synthesis-style
- font-synthesis-weight
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-emoji
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- font-width
- gap
- glyph-orientation-vertical
- grid
- grid-area
- grid-auto-columns
- grid-auto-flow
- grid-auto-rows
- grid-column
- grid-column-end
- grid-column-gap
- grid-column-start
- grid-gap
- grid-row
- grid-row-end
- grid-row-gap
- grid-row-start
- grid-template
- grid-template-areas
- grid-template-columns
- grid-template-rows
- hanging-punctuation
- height
- hyphens
- image-orientation
- image-rendering
- isolation
- justify-content
- justify-items
- justify-self
- left
- letter-spacing
- lighting-color
- line-break
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- mask
- mask-border
- mask-border-mode
- mask-border-outset
- mask-border-repeat
- mask-border-slice
- mask-border-source
- mask-border-width
- mask-clip
- mask-composite
- mask-image
- mask-mode
- mask-origin
- mask-position
- mask-repeat
- mask-size
- mask-type
- max-height
- max-width
- min-height
- min-width
- mix-blend-mode
- object-fit
- object-position
- order
- orphans
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- overflow
- overflow-wrap
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- page-break-after
- page-break-before
- page-break-inside
- pause
- pause-after
- pause-before
- pitch
- pitch-range
- place-content
- place-items
- place-self
- play-during
- position
- property-name
- quotes
- resize
- rest
- rest-after
- rest-before
- richness
- right
- row-gap
- scroll-margin
- scroll-margin-block
- scroll-margin-block-end
- scroll-margin-block-start
- scroll-margin-bottom
- scroll-margin-inline
- scroll-margin-inline-end
- scroll-margin-inline-start
- scroll-margin-left
- scroll-margin-right
- scroll-margin-top
- scroll-padding
- scroll-padding-block
- scroll-padding-block-end
- scroll-padding-block-start
- scroll-padding-bottom
- scroll-padding-inline
- scroll-padding-inline-end
- scroll-padding-inline-start
- scroll-padding-left
- scroll-padding-right
- scroll-padding-top
- scroll-snap-align
- scroll-snap-stop
- scroll-snap-type
- shape-image-threshold
- shape-margin
- shape-outside
- speak
- speak-as
- speak-header
- speak-numeral
- speak-punctuation
- speech-rate
- stress
- table-layout
- tab-size
- text-align
- text-align-all
- text-align-last
- text-combine-upright
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-indent
- text-justify
- text-orientation
- text-overflow
- text-shadow
- text-transform
- text-underline-position
- top
- transform
- transform-box
- transform-origin
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- unicode-bidi
- vertical-align
- visibility
- voice-balance
- voice-duration
- voice-family
- voice-pitch
- voice-range
- voice-rate
- voice-stress
- voice-volume
- volume
- white-space
- widows
- width
- will-change
- word-break
- word-spacing
- word-wrap
- writing-mode
- z-index
5.5. 值索引
- absolute
- add
- additive
- alias
- all
- allow-end
- all-petite-caps
- all-scroll
- all-small-caps
- alpha
- alphabetic
- alternate
- alternate-reverse
- always
- <angle>
- annotation(<feature-value-name>)
- anywhere
- arabic-indic
- armenian
- aural
-
auto
- 见 css-align-3,align-self 专用
- 见 css-align-3,justify-self 专用
- 见 css-backgrounds-3,background-size 专用
- 见 css-backgrounds-3,border-image-width 专用
- 见 css-break-3,break-before, break-after 专用
- 见 css-break-3,break-inside, page-break-inside 专用
- 见 css-counter-styles-3,@counter-style/range 专用
- 见 css-counter-styles-3,@counter-style/speak-as 专用
- 见 css-flexbox-1,align-items, align-self 专用
- 见 css-flexbox-1,flex-basis 专用
- 见 css-fonts-4,@font-face/font-display 专用
- 见 css-fonts-4,font-kerning 专用
- 见 css-fonts-4,font-optical-sizing 专用
- 见 css-fonts-4,font-synthesis-position 专用
- 见 css-fonts-4,font-synthesis-small-caps 专用
- 见 css-fonts-4,font-synthesis-style 专用
- 见 css-fonts-4,font-synthesis-weight 专用
- 见 css-grid-1,<grid-line> 专用
- 见 css-grid-1,grid-template-columns, grid-template-rows 专用
- 见 css-images-3,image-rendering 专用
- 见 css-multicol-1,column-count 专用
- 见 css-multicol-1,column-fill 专用
- 见 css-multicol-1,column-width 专用
- 见 css-scroll-snap-1,scroll-padding 及相关属性专用
- 见 css-speech-1,speak 专用
- 见 css-speech-1,voice-duration 专用
- 见 css-text-3,hyphens 专用
- 见 css-text-3,line-break 专用
- 见 css-text-3,text-align-last 专用
- 见 css-text-3,text-justify 专用
- 见 css-text-decor-3,text-underline-position 专用
- 见 css-ui-3,caret-color 专用
- 见 css-ui-3,cursor 专用
- 见 css-will-change-1,will-change 专用
- 见 filter-effects-1,color-interpolation-filters 专用
- auto-fill
- auto-fit
- [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
- avoid
- avoid-column
- avoid-page
- avoid-region
- backwards
- balance
- balance-all
- baseline
- <basic-shape>
- bengali
- bidi-override
- blink
- block
- bold
- bolder
- border-box
- both
- bottom
- braille
- break-all
- break-spaces
- break-word
- bullets
- cambodian
- capitalize
- caption
- cell
-
center
- 见 css-align-3,<self-position>、<content-position>、justify-self、align-self、justify-content、align-content 专用
- 见 css-backgrounds-3,background-position 专用
- 见 css-flexbox-1,align-content 专用
- 见 css-flexbox-1,align-items、align-self 专用
- 见 css-flexbox-1,justify-content 专用
- 见 css-scroll-snap-1,scroll-snap-align 专用
- 见 css-speech-1,voice-balance 专用
- 见 css-text-3,text-align 专用
- 见 css-transforms-1,transform-origin 专用
- ch
- character-variant(<feature-value-name>#)
- child
- ch 单位
- circle
- cjk-decimal
- cjk-earthly-branch
- cjk-heavenly-stem
- cjk-ideographic
- clip
- clone
- close-quote
- closest-corner
- closest-side
- cm
- coarse
- collapse
- color
- color-burn
- color-dodge
- col-resize
- column
- column-reverse
- common-ligatures
- condensed
- contain
- content
- content-box
- contents
- context-menu
- contextual
- copy
- <counter-style-name>
- cover
- crisp-edges
- crosshair
- cursive
- cyclic
- dark
- darken
- dashed
- <decibel>
- decimal
- decimal-leading-zero
- default
- deg
- dense
- devanagari
- diagonal-fractions
- difference
- digits
- digits <integer>?
- digits <integer [2,4]>?
- disc
- disclosure-closed
- disclosure-open
- discretionary-ligatures
- distribute
- dot
- dotted
- double
- double-circle
- dpcm
- dpi
- dppx
- each-line
- ease
- ease-in
- ease-in-out
- ease-out
- ellipse
- ellipsis
- em
- embed
- embossed
- emoji
- em 单位
- end
- e-resize
- ethiopic-numeric
- evenodd
- ew-resize
- ex
- exclude
- exclusion
- expanded
- extends
- extra-condensed
- extra-expanded
- ex 单位
- fallback
- fantasy
- farthest-corner
- farthest-side
- fast
- <feature-tag-value>
- female
- fill
- fill-box
- filled
- fine
- first
- first baseline
- fit-content()
- fixed
- <flex>
- flex
- <flex [0,∞]>
- <'flex-basis'>
- flex-end
- <'flex-grow'>
- <'flex-shrink'>
- flex-start
- flip
- flow
- flow-root
- force-end
- forwards
- fr
- from-image
- fr 单位
- full-size-kana
- full-width
- generic(fangsong)
- generic(kai)
- generic(khmer-mul)
- generic(nastaliq)
- georgian
- grab
- grabbing
- grad
- grid
- <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>?
- <'grid-template-rows'> / <'grid-template-columns'>
- groove
- gujarati
- gurmukhi
- handheld
- hanging
- hard-light
- hebrew
- help
- hidden
- high
- high-quality
- hiragana
- hiragana-iroha
- historical-forms
- historical-ligatures
- horizontal-tb
- hover
- hue
- hz
- icon
- in
- infinite
- inherit
- initial
- inline
- inline-block
- inline-flex
- inline-grid
- inline-table
- inset
- [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>?
- <integer> && <custom-ident>?
- inter-character
- interlace
- intersect
- inter-word
- invert
- isolate
- isolate-override
- italic
- japanese-formal
- japanese-informal
- jis04
- jis78
- jis83
- jis90
- jump-both
- jump-end
- jump-none
- jump-start
- justify
- justify-all
- kannada
- katakana
- katakana-iroha
- keep-all
- <keyframes-name>
- khmer
- khz
- korean-hangul-formal
- korean-hanja-formal
- korean-hanja-informal
- landscape
- lao
- last
- last baseline
- layout
-
left
- 见 css-align-3,justify-content、justify-self、justify-items 专用
- 见 css-backgrounds-3,background-position 专用
- 见 css-break-3,break-before, break-after 专用
- 见 css-speech-1,voice-balance 专用
- 见 css-text-3,text-align 专用
- 见 css-text-decor-3,text-emphasis-position 专用
- 见 css-text-decor-3,text-underline-position 专用
- 见 css-transforms-1,transform-origin 专用
- leftwards
- legacy
- <length>
- <length [0,∞]>
- <length-percentage [0,∞]>{2}
- light
- lighten
- lighter
- linear
- linearrgb
- [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
- line-through
- lining-nums
- list-item
- literal-punctuation
- local
- loose
- loud
- low
- lower-alpha
- lower-armenian
- lowercase
- lower-greek
- lower-latin
- lower-roman
- ltr
- luminance
- luminosity
- malayalam
- male
- mandatory
- manual
- margin-box
- match-parent
- match-source
- math
- max-content
-
medium
- 见 css-backgrounds-3,<line-width>, border-width, border-top-width, border-left-width, border-bottom-width, border-right-width, border 专用
- 见 css-speech-1,pause-before、pause-after 专用
- 见 css-speech-1,rest-before、rest-after 专用
- 见 css-speech-1,voice-pitch 专用
- 见 css-speech-1,voice-range 专用
- 见 css-speech-1,voice-rate 专用
- 见 css-speech-1,voice-volume 专用
- menu
- message-box
- min-content
- minmax()
- mixed
- mm
- moderate
- mongolian
- monospace
- move
- ms
- multiply
- myanmar
- ne-resize
- nesw-resize
- neutral
- never
- no-clip
- no-close-quote
- no-common-ligatures
- no-contextual
- no-discretionary-ligatures
- no-drop
- no-historical-ligatures
- none
- 见 css-animations-1,animation-name 专用
- 见 css-backgrounds-3,<line-style>, border-style, border-top-style, border-left-style, border-bottom-style, border-right-style, border 专用
- 见 css-backgrounds-3,background-image 专用
- 见 css-backgrounds-3,box-shadow 专用
- 见 css-contain-1,contain 专用
- 见 css-display-3,display、<display-box> 专用
- 见 css-flexbox-1,flex 专用
- 见 css-fonts-4,font-kerning 专用
- 见 css-fonts-4,font-optical-sizing 专用
- 见 css-fonts-4,font-size-adjust 专用
- 见 css-fonts-4,font-synthesis-position 专用
- 见 css-fonts-4,font-synthesis-small-caps 专用
- 见 css-fonts-4,font-synthesis-style 专用
- 见 css-fonts-4,font-synthesis-weight 专用
- 见 css-fonts-4,font-variant 专用
- 见 css-fonts-4,font-variant-ligatures 专用
- 见 css-grid-1,grid-template 专用
- 见 css-grid-1,grid-template-areas 专用
- 见 css-grid-1,grid-template-rows、grid-template-columns 专用
- 见 css-images-3,image-orientation 专用
- 见 css-images-3,object-fit 专用
- 见 css-multicol-1,column-span 专用
- 见 css-scroll-snap-1,scroll-snap-align 专用
- 见 css-scroll-snap-1,scroll-snap-type 专用
- 见 css-shapes-1,shape-outside 专用
- 见 css-speech-1,pause-before、pause-after 专用
- 见 css-speech-1,rest-before、rest-after 专用
- 见 css-speech-1,voice-stress 专用
- 见 css-text-3,hanging-punctuation 专用
- 见 css-text-3,hyphens 专用
- 见 css-text-3,text-justify 专用
- 见 css-text-3,text-transform 专用
- 见 css-text-decor-3,text-decoration-line 专用
- 见 css-text-decor-3,text-emphasis-style 专用
- 见 css-transitions-1,transition-property 专用
- 见 css-ui-3,cursor 专用
- 见 css-writing-modes-4,text-combine-upright 专用
- 见 mediaqueries-4,@media/hover 专用
- 见 mediaqueries-4,@media/overflow-block 专用
- 见 mediaqueries-4,@media/overflow-inline 专用
- 见 mediaqueries-4,@media/pointer 专用
- 见 mediaqueries-4,@media/update 专用
- "none"::作为边框样式
- nonzero
- no-open-quote
- no-punctuation
- no-repeat
-
normal
- 见 compositing-1,<blend-mode> 专用
- 见 css-align-3,align-self 专用
- 见 css-align-3,justify-content、align-content 专用
- 见 css-align-3,justify-self 专用
- 见 css-align-3,row-gap、column-gap、gap 专用
- 见 css-animations-1,animation-direction 专用
- 见 css-fonts-4,font-feature-settings 专用
- 见 css-fonts-4,font-kerning 专用
- 见 css-fonts-4,font-language override 专用
- 见 css-fonts-4,font-palette 专用
- 见 css-fonts-4,font-style 专用
- 见 css-fonts-4,font-variant 专用
- 见 css-fonts-4,font-variant-alternates 专用
- 见 css-fonts-4,font-variant-caps 专用
- 见 css-fonts-4,font-variant-east-asian 专用
- 见 css-fonts-4,font-variant-emoji 专用
- 见 css-fonts-4,font-variant-ligatures 专用
- 见 css-fonts-4,font-variant-numeric 专用
- 见 css-fonts-4,font-variant-position 专用
- 见 css-fonts-4,font-weight 专用
- 见 css-fonts-4,font-width 专用
- 见 css-scroll-snap-1,scroll-snap-stop 专用
- 见 css-speech-1,speak-as 专用
- 见 css-speech-1,voice-rate 专用
- 见 css-speech-1,voice-stress 专用
- 见 css-text-3,letter-spacing 专用
- 见 css-text-3,line-break 专用
- 见 css-text-3,overflow-wrap 专用
- 见 css-text-3,white-space 专用
- 见 css-text-3,word-break 专用
- 见 css-text-3,word-spacing 专用
- 见 css-writing-modes-4,unicode-bidi 专用
- not
- not-allowed
- nowrap
- n-resize
- ns-resize
- numbers
- numeric
- nw-resize
- nwse-resize
- objectboundingbox
- oblique <angle [-90deg,90deg]>?
- old
- oldstyle-nums
- only
- open
- open-quote
- optional
- ordinal
- oriya
- ornaments(<feature-value-name>)
- outset
- over
- overlay
- overline
- p3
- padding-box
- page
- paged
- paint
- paused
- pc
- <percentage>
- persian
- petite-caps
- pixelated
- plaintext
- pointer
- portrait
- pre
- pre-line
- preserve
- pre-wrap
- progress
- progressive
- projection
- proportional-nums
- proportional-width
- proximity
- pt
- px
- q
- rad
- <radial-shape>
- <radial-size>
- rec2020
- recto
- reduced
- region
- rem
- rem 单位
- repeat
- repeat-x
- repeat-y
- reverse
- revert
- ridge
-
right
- 见 css-align-3,justify-content、justify-self、justify-items 专用
- 见 css-backgrounds-3,background-position 专用
- 见 css-break-3,break-before, break-after 专用
- 见 css-speech-1,voice-balance 专用
- 见 css-text-3,text-align 专用
- 见 css-text-decor-3,text-emphasis-position 专用
- 见 css-text-decor-3,text-underline-position 专用
- 见 css-transforms-1,transform-origin 专用
- rightwards
- round
- row
- row-resize
- row-reverse
- rtl
- ruby
- ruby-base
- ruby-base-container
- ruby-text
- ruby-text-container
- run-in
- running
- s
- safe
- sans-serif
- saturation
- scale-down
- screen
- scroll
- scroll-position
- self-end
- self-start
- semi-condensed
- semi-expanded
- <semitones>
- se-resize
- serif
- sesame
- sideways
- sideways-lr
- sideways-right
- sideways-rl
- silent
- simp-chinese-formal
- simp-chinese-informal
- simplified
- size
- slashed-zero
- slice
- slow
- small-caps
- small-caption
- smooth
- soft
- soft-light
- solid
- space
- space-around
- space-between
- space-evenly
- span && [ <integer [1,∞]> || <custom-ident> ]
- span && [ <integer> || <custom-ident> ]
- speech
- spell-out
- square
- s-resize
- srgb
- stacked-fractions
- start
- status-bar
- step-end
- step-start
- stretch
- strict
- <string>+
- stroke-box
- strong
- styleset(<feature-value-name>#)
- stylistic(<feature-value-name>)
- sub
- subtract
- super
- swap
- swash(<feature-value-name>)
- sw-resize
- symbolic
- system-ui
- table
- table-caption
- table-cell
- table-column
- table-column-group
- table-footer-group
- table-header-group
- table-row
- table-row-group
- tabular-nums
- tamil
- telugu
- text
- thai
- thick
- thin
- tibetan
- titling-caps
- top
- <track-list> | <auto-track-list>
- trad-chinese-formal
- trad-chinese-informal
- traditional
- triangle
- tty
- turn
- tv
- ui-monospace
- ui-rounded
- ui-sans-serif
- ui-serif
- ultra-condensed
- ultra-expanded
- under
- underline
- unicase
- unicode
- unsafe
- unset
- upper-alpha
- upper-armenian
- uppercase
- upper-latin
- upper-roman
- upright
- <url>
- userspaceonuse
- verso
- vertical-lr
- vertical-rl
- vertical-text
- vh
- view-box
- visible
- vmax
- vmin
- vw
- wait
- weak
- words
- wrap
- wrap-reverse
- w-resize
- x
- x-fast
- x-high
- x-loud
- x-low
- x-slow
- x-soft
- x-strong
- x-weak
- y
- young
- zoom-in
- zoom-out
6. 致谢
特别感谢 Florian Rivoal 为 § 3.2.1 实验和不稳定特性建议创建了初始草案。