| OLD | NEW |
|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <!-- | 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 | 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. | 5 the content is inside columns. |
| 6 You should not see any red text below. | 6 You should not see any red text below. |
| 7 --> | 7 --> |
| 8 <head> | 8 <head> |
| 9 <script> | 9 <script> |
| 10 internals.settings.setRegionBasedColumnsEnabled(true) | 10 internals.settings.setRegionBasedColumnsEnabled(true) |
| 11 </script> | 11 </script> |
| 12 | 12 |
| 13 <style> | 13 <style> |
| 14 .regionBox { width: 350px; height: 25px; } | 14 .regionBox { width: 350px; height: 25px; } |
| 15 .regionBox2 { width: 350px; height: 50px; } | 15 .regionBox2 { width: 350px; height: 50px; } |
| 16 | 16 |
| 17 #article1 { -webkit-flow-into: flow1; width:600px;} | 17 #article1 { -webkit-flow-into: flow1; width:600px;} |
| 18 #region1 { -webkit-flow-from: flow1; position: absolute; top: 10px;
} | 18 #region1 { -webkit-flow-from: flow1; position: absolute; top: 10px;
} |
| 19 #p1 { color: #ff0000; -webkit-column-count:2;column-count:2; height
:30px} | 19 #p1 { color: #ff0000; -webkit-column-count:2; column-count:2; colum
n-fill:auto; height:30px} |
| 20 @-webkit-region #region1 { | 20 @-webkit-region #region1 { |
| 21 #p1 { color: #008000; } | 21 #p1 { color: #008000; } |
| 22 } | 22 } |
| 23 </style> | 23 </style> |
| 24 </head> | 24 </head> |
| 25 <body> | 25 <body> |
| 26 <div id="article1"> | 26 <div id="article1"> |
| 27 <p id="p1">P color styled in region: #008000.</p> | 27 <p id="p1">P color styled in region: #008000.</p> |
| 28 </div> | 28 </div> |
| 29 <div id="region1" class="regionBox"></div> | 29 <div id="region1" class="regionBox"></div> |
| 30 </body> | 30 </body> |
| 31 </html> | 31 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 25687002:
Add support for the column-fill property. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master