OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <!-- | |
4 Test for https://bugs.webkit.org/show_bug.cgi?id=85633 ([CSSRegions]Add regi
on styling support for color property) combined with the fact that | |
5 the content is inside columns. | |
6 You should not see any red text below. | |
7 --> | |
8 <head> | |
9 <script> | |
10 internals.settings.setRegionBasedColumnsEnabled(true) | |
11 </script> | |
12 | |
13 <style> | |
14 .regionBox { width: 350px; height: 25px; } | |
15 .regionBox2 { width: 350px; height: 50px; } | |
16 | |
17 #article1 { -webkit-flow-into: flow1; width:600px;} | |
18 #region1 { -webkit-flow-from: flow1; position: absolute; top: 10px;
} | |
19 #p1 { color: #ff0000; -webkit-column-count:2; column-count:2; colum
n-fill:auto; height:30px} | |
20 @-webkit-region #region1 { | |
21 #p1 { color: #008000; } | |
22 } | |
23 </style> | |
24 </head> | |
25 <body> | |
26 <div id="article1"> | |
27 <p id="p1">P color styled in region: #008000.</p> | |
28 </div> | |
29 <div id="region1" class="regionBox"></div> | |
30 </body> | |
31 </html> | |
OLD | NEW |