CSS Object Model (CSSOM)

CSS Object Model is a set of APIs allowing the manipulation of CSS from JavaScript. It is much like the DOM, but for the CSS rather than the HTML. It allows users to read and modify CSS style dynamically.


Several other interfaces are also extended by the CSSOM-related specifications: Document , Window , Element , HTMLElement , HTMLImageElement , Range , MouseEvent ,和 SVGElement .

CSS Typed Object Model

这是 实验性技术
检查 浏览器兼容性表格 在生产中使用这之前。

Obsolete CSSOM interfaces

This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.



规范 状态 Comment
CSS Typed OM Level 1 工作草案
CSS Painting API Level 1 工作草案 Extended the CSS interface with the paintWorklet static property.
CSS Object Model (CSSOM) View Module 工作草案 Defined the Screen and MediaQueryList interfaces and the MediaQueryListEvent event and MediaQueryListListener event listener.
CSS Object Model (CSSOM) 工作草案 Extended the CSS interface and provides the base for the modern CSSOM specification.
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 候选推荐 Defined the CSS 接口。
CSS Device Adaptation 工作草案
CSS Counter Styles Level 3 候选推荐
Document Object Model (DOM) Level 2 Style Specification Obsolete 初始定义。


All these features have been added little by little over the years to the different browsers: it was a quite complex process that can't be summarized in a simple table. Please refer to the specific interfaces for its availability.