CSS2 Test Suite: 18.4 outline-width

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

The style declarations contained within this page:

INPUT {border: 3px solid gray; outline-style: solid;}
.cl1 {outline-width: 2px;}
.cl2 {outline-width: 1em;}
.cl3 {outline-width: thick;}
div.parent {outline-width: 1px;}
div.inh1 {outline-width: 10px;}
div.inh2 {outline-width: 1em;}

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 2 pixels wide, solid, and the same color as the element's foreground (black). The outline should be drawn to the outside of the element border.

Here's an input whose outline (when in focus) should be 1em wide, solid, and the same color as the element's foreground (black). The outline should be drawn to the outside of the element border.

Here's an input whose outline (when in focus) should be thick, solid, and the same color as the element's foreground (black). 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 an outline width of 1px when it is in focus, as it has a style attribute set to inherit the outline-width value. [/div.inh1]
[div.inh2] This DIV should have an outline width of 1px when it is in focus, as it has a style attribute set to inherit the outline-width value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]

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