XML DOM-CSS2Properties-objektet

CSS2Properties-objektet är en samling av alla CSS2-attribut och deras värden.

CSS2Properties-objektets beskrivning

CSS2Properties-objektet representerar en uppsättning CSS-stilattribut och deras värden. Det definierar ett JavaScript-egenskap för varje CSS-attribut definierat i CSS-standarden.

En HTMLElement:s style-egenskap är en läsbare och skrivbar CSS2Properties-objekt, precis som CSSStyleRule-objektets style-egenskap. Men, returvärdet från Window.getComputedStyle() är ett CSS2Properties-objekt där egenskaperna är skrivskyddade.

CSS2Properties-objektets egenskaper

cssText-egenskapen

cssText-egenskapen är en textpresentation av en uppsättning stilattribut och deras värden. Denna text formateras till en CSS-stiltabell, där elementvalarna runt attributen och värdena tas bort.

Att sätta detta egenskap till ett ogiltigt värde kommer att kasta ett fel med koden SYNTAX_ERR. DOMException-undantagNär CSS2Properties-objektet är skrivskyddat, kommer försök att sätta detta egenskap att kasta ett fel med koden NO_MODIFICATION_ALLOWED_ERR. DOMException-undantag.

Attribut som motsvarar CSS-attribut

Förutom cssText-egenskapen har CSS2Properties-objektet också en egenskap för varje CSS-attribut som webbläsaren stöder. Dessa egenskapsnamn motsvarar CSS-attributnamnen nära, men har gjorts några ändringar för att undvika syntaktiska fel i JavaScript. Mångordiga attribut med backsteg (t.ex. font-family) har inga backsteg i JavaScript utan är stora bokstäver på första tecknet i varje ord (t.ex.fontFamily). Dessutom kolliderar float-egenskapen med reserverat ord float och har därför konverterats till cssFloat.

och varje CSS2-standard definierad egenskap har en motsvarande CSS2Properties-egenskapsnamn i style-objektets referenshandboklistas.Observera att vissa webbläsare inte stöder alla CSS-attribut och kan därför inte stödja alla listade attribut. Eftersom dessa attribut direkt motsvarar CSS-attribut kan du också hänvisa till de som CodeW3C.com tillhandahåller CSS-referenshandbokför att se deras betydelser och giltiga värden.

Relaterade sidor

HTML DOM-referenshandbok:Style-objekt

Referenshandbok:CSS-referenshandbok