Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-inherits.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter is inherited</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-inherits-expected.html">
7
8         <meta name="assert" content="color-filter is inherited">
9         <style type="text/css">
10             .test
11             {
12                                 font: 120px Ahem;
13                                 color-filter: invert();
14             }
15                         
16                         .test > div {
17                                 color: rgb(255, 128, 255);
18                         }
19         </style>
20                 <script>
21                         if (window.internals)
22                             internals.settings.setColorFilterEnabled(true);
23                 </script>
24     </head>
25     <body>
26         <p>Test passes if there is a green square.</p>
27         <div class="test">
28                         <div>A</div>
29                 </div>
30     </body>
31 </html>