Live CSSOM Viewer

This is an old version of the Live CSSOM Viewer. Use new version instead!

Style sheet to test (permalink, hide, HTML <style> element HTML style="" attribute SVG <style> element SVG style="" attribute )

CSSOM View (hide, Show all properties)

cssText view (hide)

Rendered document view (hide, as data:, as about:, as javascript:)

Document fragment to test (hide, In HTML <div> element In SVG <g> element )

No quirks Limited quirks Quirks XHTML SVG

Log (hide)

This script puts functions into the global scope of the test page. w (s) outputs string s to the log. ss () returns the CSSStyleSheet object (it is useless in style="" mode). sd () returns the first CSSStyleDeclaration object in document order (if any). u () updates the CSSOM view as well as the cssText view.

Also, files image (a PNG image) and style (a CSS style sheet) are accessible in the current directory.