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