OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .none { text-decoration: none; } | 4 .none { text-decoration: none; } |
5 .underline { text-decoration: underline; } | 5 .underline { text-decoration: underline; } |
6 .overline { text-decoration: overline; } | 6 .overline { text-decoration: overline; } |
7 .line-through { text-decoration: line-through; } | 7 .line-through { text-decoration: line-through; } |
8 .all-decorations { text-decoration: underline overline line-through;
} | 8 .all-decorations { text-decoration: underline overline line-through;
} |
9 </style> | 9 </style> |
10 </head> | 10 </head> |
11 <body> | 11 <body> |
12 <div>Each line of this test should match its style description (<i>text-deco
ration-line</i> resets <i>text-decoration</i>, except when the latter is set as
<i>important</i>):</div><br/> | 12 <div>Each line of this test should match its style description (<i>text-deco
ration-line</i> resets <i>text-decoration</i>, except when the latter is set as
<i>important</i>):</div><br/> |
13 <div class="underline">This text is underlined <span>(also inside span).</sp
an></div><br/> | 13 <div class="underline">This text is underlined <span>(also inside span).</sp
an></div><br/> |
14 <div class="overline">This text is overlined <span>(also inside span).</span
></div><br/> | 14 <div class="overline">This text is overlined <span>(also inside span).</span
></div><br/> |
15 <div class="line-through">This text has a line-through <span>(also inside sp
an).</span></div><br/> | 15 <div class="line-through">This text has a line-through <span>(also inside sp
an).</span></div><br/> |
16 <div class=none">This text contains no decorations.</div><br/> | 16 <div class="none">This text contains no decorations.</div><br/> |
17 <div class="underline">This text is underlined.</div><br/> | 17 <div class="underline">This text is underlined.</div><br/> |
18 <div class=none">This text contains no decorations.</div><br/> | 18 <div class="none">This text contains no decorations.</div><br/> |
19 <div class="overline">This text is overlined.</div><br/> | 19 <div class="overline">This text is overlined.</div><br/> |
20 <div class=none">This text contains no decorations.</div><br/> | 20 <div class="none">This text contains no decorations.</div><br/> |
21 <div class="line-through">This text has a line-through.</div><br/> | 21 <div class="line-through">This text has a line-through.</div><br/> |
22 <div class=none">This text contains no decorations.</div><br/> | 22 <div class="none">This text contains no decorations.</div><br/> |
23 <div class="all-decorations">This text is underlined, overlined and has a li
ne-through.</div><br/> | 23 <div class="all-decorations">This text is underlined, overlined and has a li
ne-through.</div><br/> |
24 <div class=none">This text contains no decorations.</div><br/> | 24 <div class="none">This text contains no decorations.</div><br/> |
25 <div class="overline">This text is overlined.</div><br/> | 25 <div class="overline">This text is overlined.</div><br/> |
26 <div class="overline">This text is overlined.</div><br/> | 26 <div class="overline">This text is overlined.</div><br/> |
27 <div class="underline">This text is underlined.</div> | 27 <div class="underline">This text is underlined.</div> |
28 </body> | 28 </body> |
29 </html> | 29 </html> |
OLD | NEW |