CSS2 Test Suite: 16.3.2 text-shadow

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

h3.cl1{text-shadow: gray 0.5em 0.5em 2px;}
h3.cl2 {text-shadow: purple 0 0 5px;}
h3.cl3 {text-shadow: red -10px -0.5em 0.25em, green 1mm 1px 0, blue 0 0.33em 10px;}
div.parent {text-shadow: none;}
div.inh1 {text-shadow: purple 3px 5px;}
div.inh2 {text-shadow: red -10px;}

[h3.cl1] This should have a gray shadow [/h3.cl1]

[h3.cl2] This should have a purple "glow" [/h3.cl2]

[h3.cl3] This should have a wild set of shadows [/h3.cl3]

[div.parent] This DIV has been set with parental styles. The inline elements within this DIV are enclosed in square brackets in order to more easily discern their placement.
[div.inh1] This DIV should have no text shadow, as it has a style attribute set to inherit the text-shadow value. [/div.inh1]
[div.inh2] This DIV should have no text shadow, as it has a style attribute set to inherit the text-shadow value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]
[index page] [section] [Previous] [Next] [Specification]