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 style="text-decoration-line: underline;">This text is underlined <span
class="none">(also inside span).</span></div><br/> | 13 <div style="text-decoration-line: underline;">This text is underlined <span
class="none">(also inside span).</span></div><br/> |
14 <div style="text-decoration-line: overline;">This text is overlined <span cl
ass="none">(also inside span).</span></div><br/> | 14 <div style="text-decoration-line: overline;">This text is overlined <span cl
ass="none">(also inside span).</span></div><br/> |
15 <div style="text-decoration-line: line-through;">This text has a line-throug
h <span class="none">(also inside span).</span></div><br/> | 15 <div style="text-decoration-line: line-through;">This text has a line-throug
h <span class="none">(also inside span).</span></div><br/> |
16 <div class="underline" style="text-decoration-line: none;">This text contain
s no decorations.</div><br/> | 16 <div class="underline" style="text-decoration-line: none;">This text contain
s no decorations.</div><br/> |
17 <div class="underline" style="text-decoration-line: underline;">This text is
underlined.</div><br/> | 17 <div class="underline" style="text-decoration-line: underline;">This text is
underlined.</div><br/> |
18 <div class="overline" style="text-decoration-line: none;">This text contains
no decorations.</div><br/> | 18 <div class="overline" style="text-decoration-line: none;">This text contains
no decorations.</div><br/> |
19 <div class="overline" style="text-decoration-line: overline;">This text is o
verlined.</div><br/> | 19 <div class="overline" style="text-decoration-line: overline;">This text is o
verlined.</div><br/> |
20 <div class="line-through" style="text-decoration-line: none;">This text cont
ains no decorations.</div><br/> | 20 <div class="line-through" style="text-decoration-line: none;">This text cont
ains no decorations.</div><br/> |
21 <div class="line-through" style="text-decoration-line: line-through;">This t
ext has a line-through.</div><br/> | 21 <div class="line-through" style="text-decoration-line: line-through;">This t
ext has a line-through.</div><br/> |
22 <div class="all-decorations" style="text-decoration-line: none;">This text c
ontains no decorations.</div><br/> | 22 <div class="all-decorations" style="text-decoration-line: none;">This text c
ontains no decorations.</div><br/> |
23 <div class="all-decorations" style="text-decoration-line: underline overline
line-through;">This text is underlined, overlined and has a line-through.</div>
<br/> | 23 <div class="all-decorations" style="text-decoration-line: underline overline
line-through;">This text is underlined, overlined and has a line-through.</div>
<br/> |
24 <div style="text-decoration-line: underline; text-decoration: none !importan
t;">This text contains no decorations.</div><br/> | 24 <div style="text-decoration-line: underline; text-decoration: none !importan
t;">This text contains no decorations.</div><br/> |
25 <div style="text-decoration-line: underline; text-decoration: overline !impo
rtant;">This text is overlined.</div><br/> | 25 <div style="text-decoration-line: underline; text-decoration: overline !impo
rtant;">This text is overlined.</div><br/> |
26 <div style="text-decoration-line: underline !important; text-decoration: ove
rline !important;">This text is overlined.</div><br/> | 26 <div style="text-decoration-line: underline !important; text-decoration: ove
rline !important;">This text is overlined.</div><br/> |
27 <div style="text-decoration: overline !important; text-decoration-line: unde
rline !important;">This text is underlined.</div> | 27 <div style="text-decoration: overline !important; text-decoration-line: unde
rline !important;">This text is underlined.</div> |
| 28 <div style="text-decoration-line: blink blink;">This text contains no decora
tions.</div><br/> |
| 29 <div style="text-decoration-line: blink underline blink;">This text contains
no decorations.</div><br/> |
| 30 <div style="text-decoration-line: blink underline overline blink;">This text
contains no decorations.</div><br/> |
| 31 <div style="text-decoration-line: blink underline overline line-through blin
k;">This text contains no decorations.</div><br/> |
28 </body> | 32 </body> |
29 </html> | 33 </html> |
OLD | NEW |