CSS2Properties对象是所有CSS2属性及其值的集合。
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 参考手册,来查看它们的含义和合法值。