1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: text-decoration
</title>
5 <style type=
"text/css">
7 .one {text-decoration: underline
;}
8 .two {text-decoration: overline
;}
9 .three {text-decoration: line-through
;}
10 .four {text-decoration: blink
;}
11 b
.five
{text-decoration: none
;}
12 .six {text-decoration: underline overline
;}
13 .seven {text-decoration: underline overline line-through
;}
14 div
, strong
, img
{ color: red
; }
15 span
{ color: white
; }
17 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/fonts.html#font-styling" title=
"15.4 Font styling: the 'font-style' property">
20 <p class=
"one"> This sentence should be underlined.
</p>
21 <p class=
"two"> This sentence should be overlined.
</p>
22 <p class=
"three"> This sentence should be stricken out.
</p>
23 <p class=
"four"> This sentence should be blinking (if the UA supports that).
</p>
24 <p class=
"one"> The sentence should be underlined.
<b class=
"five">This sentence should be underlined
</b>.
</p>
25 <p class=
"six"> This sentence should be underlined and overlined.
</p>
26 <p class=
"seven"> This sentence should be underlined, overlined, and stricken.
</p>
27 <div class=
"seven"></div> <!-- there should be no red on this page -->
28 <p> There should be no red at the end of this line.
<strong class=
"one"> </strong> </p> <!-- the NBSP (there is one after the strong end tag) makes the strong element's space not be collapsed -->
29 <p> There should be no red at the end of this line.
<img alt=
"FAIL: Images required." src=
"support/swatch-white.png" class=
"one"> </p>
31 This sentence and all its images
32 <img alt=
"FAIL: Images required." src=
"support/square-teal.png">
33 <img alt=
"FAIL: Images required." src=
"support/square-purple.png">
37 There should be a long blue underline between here:
<span> FAIL FAIL FAIL FAIL
</span> :and here.