Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-color-text-decorations-expected.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter reference</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6
7         <style type="text/css">
8             div.test
9             {
10                                 font: 140px sans-serif;
11                                 color: green;
12                                 -webkit-text-decoration: underline overline blue;
13             }
14
15                         p
16                         {
17                                 margin: 8px;
18                         }
19
20             .wavy
21             {
22                                 -webkit-text-decoration: underline overline wavy blue;
23             }
24
25             .dotted
26             {
27                                 -webkit-text-decoration: underline overline dotted blue;
28             }
29         </style>
30                 <script>
31                         if (window.internals)
32                             internals.settings.setColorFilterEnabled(true);
33                 </script>
34     </head>
35     <body>
36         <p>You hsould see three green letter A. The top should have a solid bar overline and underline. The second should have a wavy overline and underline. The bottom should have a dotted overline and underline.</p>
37         <div class="test">
38                         <p>A<p>
39                         <p class="wavy">A<p>
40                         <p class="dotted">A<p>
41                 </div>
42     </body>
43 </html>