CSS2 Test Suite: 18.4 outline-color

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

The style declarations contained within this page:

INPUT {border: 3px solid gray; outline-style: solid;}
.cl1 {outline-color: green;}
.cl2 {outline-color: invert;}
div.parent {outline-color: green;}
div.inh1 {outline-color: maroon;}
div.inh2 {outline-color: red;}

Note that the following tests are valid only if the property outline-style is supported.

Here's an input whose outline (when in focus) should be of medium width, solid, and green. The outline should be drawn to the outside of the element border.

Here's an input whose outline (when in focus) should be of medium width, solid, and invert the background. The outline should be drawn to the outside of the element border.


[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 a green outline when it is in focus, as it has a style attribute set to inherit the outline-color value. [/div.inh1]
[div.inh2] This DIV should have a green outline when it is in focus, as it has a style attribute set to inherit the outline-color value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]

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