Style sheet to test

The CSS style sheet to test. As you input something to this box, the following boxes are updated automatically.

CSSOM View

This box shows the object hierarchy of the CSSOM created from the style sheet input to the first box.

Since WinIE implements their own object model, what is shown in this box in WinIE is slight different from those in other browsers.

cssText View

This box 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 CSSOM, have no method to serialize the entire style sheet. For such browsers the cssText field shows the concatenation of cssText values for the rules contained in the cssRules list of the style sheet.

Rendered document view

An HTML document is rendered in this box with the specified CSS style sheet.

HTML body fragment to test

Input the body part of the HTML document rendered in the box above. Any HTML construct can be used. Note, however, that the value is set to the innerHTML attribute of the body element of the rendered document, therefore any script element in the fragment is not executed.

Following the box, there are three radio buttons: no quirks, limited quirks, and quirks. These buttons select how HTML documents are parsed and how CSS style sheets are interpreted.

Log

This box shows any message generated for the ease of testing. The script puts a JavaScript function w (s) into the global scope of the rendered document, where s is the string to output to the box. You can invoke the function in the rendered HTML document or CSS style sheet.

Warning. Invoking the function w (s) in the CSS function expression() might make IE unstable.