XML DOM CSS2Properties 對象

CSS2Properties 對象是所有 CSS2 屬性及其值的集合。

目錄: 1、CSS2Properties 對象描述; 2、CSS2Properties 對象屬性; 3、cssText 屬性; 4、與 CSS 屬性相對應的屬性; 5、相關頁面

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 參考手冊，來查看它們的含義和合法值。