Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-text-emphasis.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter affects text-emphasis color</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-text-emphasis-expected.html">
7
8         <meta name="assert" content="color-filter affects the color of text-emphasis">
9         <style type="text/css">
10             .test
11             {
12                                 font: 120px Ahem;
13                                 color: rgb(255, 128, 255);
14                                 color-filter: invert();
15                                 margin: 10px;
16             }
17
18                         .over
19                         {
20                                 -webkit-text-emphasis: "m";
21                                 -webkit-text-emphasis-position: over;
22                         }
23                         
24                         .under
25                         {
26                                 -webkit-text-emphasis: "m";
27                                 -webkit-text-emphasis-position: under;
28                         }
29         </style>
30                 <script>
31                         if (window.internals)
32                             internals.settings.setColorFilterEnabled(true);
33                 </script>
34     </head>
35     <body>
36         <p>Test passes if there are two shapes which are entirely green.</p>
37         <div class="test over">A</div>
38         <div class="test under">A</div>
39     </body>
40 </html>