OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <!-- Bugzilla link: http://webkit.org/b/94094 --> | 4 <!-- Bugzilla link: http://webkit.org/b/94094 --> |
5 <title>CSS Test: CSS3 text-decoration-style</title> | 5 <title>CSS Test: CSS3 text-decoration-style</title> |
6 <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-de
coration-style"/> | 6 <link rel="help" href="http://http://dev.w3.org/csswg/css3-text/#text-de
coration-style"/> |
7 <meta name="flags" content="ahem"/> | 7 <meta name="flags" content="ahem"/> |
8 <script> | 8 <script> |
9 if (window.testRunner) | 9 if (window.testRunner) |
10 testRunner.dumpAsText(true); | 10 testRunner.dumpAsText(true); |
11 </script> | 11 </script> |
12 <style> | 12 <style> |
13 div { padding: 10px; diplay: inline; } | 13 div { padding: 10px; diplay: inline; } |
14 div.solid { border: 5px solid; } | 14 div.solid { border: 5px solid; } |
15 div.double { border: 5px double; } | 15 div.double { border: 5px double; } |
16 div.dashed { border: 5px dashed; } | 16 div.dashed { border: 5px dashed; } |
17 div.dotted { border: 5px dotted; } | 17 div.dotted { border: 5px dotted; } |
18 span.underline { -webkit-text-decoration-line: underline; } | 18 span.underline { text-decoration-line: underline; } |
19 span.overline { -webkit-text-decoration-line: overline; } | 19 span.overline { text-decoration-line: overline; } |
20 span.line-through { -webkit-text-decoration-line: line-through; } | 20 span.line-through { text-decoration-line: line-through; } |
21 span.solid { -webkit-text-decoration-style: solid; } | 21 span.solid { text-decoration-style: solid; } |
22 span.double { -webkit-text-decoration-style: double; } | 22 span.double { text-decoration-style: double; } |
23 span.dashed { -webkit-text-decoration-style: dashed; } | 23 span.dashed { text-decoration-style: dashed; } |
24 span.dotted { -webkit-text-decoration-style: dotted; } | 24 span.dotted { text-decoration-style: dotted; } |
25 span.wavy { -webkit-text-decoration-style: wavy; } | 25 span.wavy { text-decoration-style: wavy; } |
26 </style> | 26 </style> |
27 </head> | 27 </head> |
28 <body style="font: 20px Ahem; -webkit-font-smoothing: none; -webkit-text-str
oke: 1px black; -webkit-text-fill-color: white;"> | 28 <body style="font: 20px Ahem; -webkit-font-smoothing: none; -webkit-text-str
oke: 1px black; -webkit-text-fill-color: white;"> |
29 <div class="solid"><span class="underline solid">lorem ipsum</span> <spa
n class="overline solid">lorem ipsum</span> <span class="line-through solid">lor
em ipsum</span></div><br/> | 29 <div class="solid"><span class="underline solid">lorem ipsum</span> <spa
n class="overline solid">lorem ipsum</span> <span class="line-through solid">lor
em ipsum</span></div><br/> |
30 <div class="double"><span class="underline double">lorem ipsum</span> <s
pan class="overline double">lorem ipsum</span> <span class="line-through double"
>lorem ipsum</span></div><br/> | 30 <div class="double"><span class="underline double">lorem ipsum</span> <s
pan class="overline double">lorem ipsum</span> <span class="line-through double"
>lorem ipsum</span></div><br/> |
31 <div class="dashed"><span class="underline dashed">lorem ipsum</span> <s
pan class="overline dashed">lorem ipsum</span> <span class="line-through dashed"
>lorem ipsum</span></div><br/> | 31 <div class="dashed"><span class="underline dashed">lorem ipsum</span> <s
pan class="overline dashed">lorem ipsum</span> <span class="line-through dashed"
>lorem ipsum</span></div><br/> |
32 <div class="dotted"><span class="underline dotted">lorem ipsum</span> <s
pan class="overline dotted">lorem ipsum</span> <span class="line-through dotted"
>lorem ipsum</span></div><br/> | 32 <div class="dotted"><span class="underline dotted">lorem ipsum</span> <s
pan class="overline dotted">lorem ipsum</span> <span class="line-through dotted"
>lorem ipsum</span></div><br/> |
33 <div><span class="underline wavy">lorem ipsum</span> <span class="overli
ne wavy">lorem ipsum</span> <span class="line-through wavy">lorem ipsum</span></
div> | 33 <div><span class="underline wavy">lorem ipsum</span> <span class="overli
ne wavy">lorem ipsum</span> <span class="line-through wavy">lorem ipsum</span></
div> |
34 </body> | 34 </body> |
35 </html> | 35 </html> |
OLD | NEW |