CSS2 Test Suite: 16.3.1 text-decoration

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

The style declarations contained within this page:

.cl1 {text-decoration: underline;}
.cl2 {text-decoration: overline;}
.cl3 {text-decoration: line-through;}
.cl4 {text-decoration: blink;}
B.cl5 {text-decoration: none;}
.cl6 {text-decoration: underline overline;}
.cl7 {text-decoration: underline overline line-through;}
div.parent {text-decoration: none;}
div.inh1 {text-decoration: underline;}
div.inh2 {text-decoration: line-through;}


[cl1] The text of this paragraph should be underlined.

[cl2] The text of this paragraph should be overlined.

[cl3] The text of this paragraph should be stricken (linethrough).

[cl4] The text of this paragraph should be blinking. (It is not required, however, that UAs support this behavior.)

[cl1] The text of this paragraph should be underlined. The boldfaced text in this paragraph [cl5] should also be underlined. This is because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own.

[cl6] The text of this paragraph should be underlined and overlined.

[cl7] The text of this paragraph should be underlined, overlined, and stricken.

There should be nothing visible between this paragraph and the one above (there is an empty paragraph element with class of seven between them).

[cl1] Text decorations only apply to the text of an element, so the image at the end of this sentence should not be overlined: [Image]. The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child elements.

[cl1] The underlining in this paragraph should be green, no matter what the text color may be.

[cl1] The colors of the underlining in this paragraph should be the same as that of the parent text (that is, the first word in the sentence, which should be black).


[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 use no text decoration for its display, as it has a style attribute set to inherit the text-decoration value. [/div.inh1]
[div.inh2] This DIV should use no text decoration for its display, as it has a style attribute set to inherit the text-decoration value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]

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