[1]  
The [CITE@en[Live [[[ABBR@en[CSSOM][Cascading Style Sheets Object Model]]]] Viewer]]
<http://suika.fam.cx/gate/2007/cssom/viewer>
visualizes how Web browsers interpret CSS
style sheets and expose them into their object hierarchy.
It is obviously inspired by [[Ian Hickson]]'s [[Live DOM Viewer]]
for HTML documents.

* Description

** Style sheet to test

Write a CSS style sheet to test here.
Following fields are automatically updated
as you input something to this field.

** [ABBR@en[CSSOM][Cascading Style Sheets Object Model]] View

This field shows the [ABBR@en[CSSOM][Cascading Style Sheets Object Model]]'s
object hierarchy.

Since [[WinIE]] implements their own object model, 
what is shown in this field in [[WinIE]] is slight
different from other browsers.

** [CODE(DOMa)@en[cssText]] View

This field shows the textual serialization of 
the CSS style sheet once parsed by the browser.

Browsers other than [[WinIE]], i.e. browsers implementing only
the standard [ABBR@en[CSSOM][Cascading Style Sheets Object Model]],
have no method to serialize the entire style sheet.
For such browsers the [CODE(DOMa)@en[cssText]] field
shows the concatenation of [CODE(DOMa)@en[[[cssText]]]]
values for the rules contained in the 
[CODE(DOMa)@en[[[cssRules]]]] list of the style sheet.

* Tested browsers

- [[Firefox]] 1.5
- [[Opera]] 9
- [[WinIE]] 6 (on [[Windows XP]] [[SP2]])

* TODOs

- Permalink
- style=""

* memo