XML DOM CSS2Properties 对象

CSS2Properties 对象是所有 CSS2 属性及其值的集合。

CSS2Properties 对象描述

CSS2Properties 对象表示一组 CSS 样式属性及其值。它为 CSS 规范定义的每一个 CSS 属性都定义一个 JavaScript 属性。

一个 HTMLElement 的 style 属性是一个可读可写的 CSS2Properties 对象,就好像 CSSStyleRule 对象的 style 属性一样。不过,Window.getComputedStyle() 的返回值是一个 CSS2Properties 对象,其属性是只读的。

CSS2Properties 对象属性

cssText 属性

cssText 属性是一组样式属性及其值的文本表示。这个文本格式化为一个 CSS 样式表,去掉了包围属性和值的元素选择器的花括号。

将这一属性设置为非法的值将会抛出一个代码为 SYNTAX_ERR 的 DOMException 异常。当 CSS2Properties 对象是只读的时候,试图设置这一属性将会抛出一个代码为 NO_MODIFICATION_ALLOWED_ERR 的 DOMException 异常

与 CSS 属性相对应的属性

除了 cssText 属性,CSS2Properties 对象还有针对浏览器所支持的每个 CSS 属性都有一个对象的属性。这些属性的名称与 CSS 的属性名紧密对应,但是为了避免 JavaScript 中的语法错误而进行了一些改变。含有连字符的多词属性(如 font-family)在 JavaScript 中没有连字符,而是每个词的第一个字符大写(如fontFamily)。此外,float 属性与保留字 float 冲突,所以被转换成 cssFloat。

和 CSS2 规范所定义的每个属性相对应的 CSS2Properties 属性名在 style 对象参考手册中列出。请注意,有些浏览器并不支持所有的 CSS 属性,因而也可能并不支持列出的所有属性。由于这些属性直接对应于 CSS 属性,您也可以参考 W3School 提供的 CSS 参考手册,来查看它们的含义和合法值。

相关页面

HTML DOM 参考手册:Style 对象

参考手册:CSS 参考手册