CSS Object Model (CSSOM) - 通过 JavaScript 操纵 CSS 的一组 API

CSS Object Model（CSS 对象模型）是一组 API，允许通过 JavaScript 操纵 CSS。它非常类似于 DOM，但是用于 CSS 而不是 HTML。它允许用户动态读取和修改 CSS 样式。

参考

CSSOM 相关规范还扩展了其他几个接口：Document，Window，Element，HTMLElement，HTMLImageElement，Range，MouseEvent 和 SVGElement。

CSS Typed Object Model（CSS 类型对象模型）

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

过时的 CSSOM 接口

已废弃
该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。

教程

规范

规范 状态 备注
CSS Typed OM Level 1 工作草案 -
CSS Painting API Level 1 工作草案 使用 paintWorklet 静态属性扩展了 CSS 接口。
CSS Object Model (CSSOM) View Module 工作草案 定义了 Screen 和 MediaQueryList 接口以及 MediaQueryListEvent 事件和 MediaQueryList 事件侦听器。
CSS Object Model (CSSOM) 工作草案 扩展了 CSS 接口，并为现代 CSSOM 规范提供了基础。
Screen Orientation API 工作草案 -
CSS Fonts Module Level 3 候选推荐 -
CSS Animations 工作草案 -
CSS Transitions 工作草案 -
CSS Custom Properties for Cascading Variables Module Level 1 候选推荐 -
CSS Conditional Rules Module Level 3 候选推荐 定义了 CSS 接口。
CSS Device Adaptation 工作草案 -
CSS Counter Styles Level 3 候选推荐 -
Document Object Model (DOM) Level 2 Style Specification 已过时 初始定义。

浏览器兼容性

多年来，所有这些功能都已逐渐添加到不同的浏览器中：这是一个非常复杂的过程，无法在一个简单的表格中进行总结。请参阅特定的接口以了解其可用性。

相关链接