| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3   <head> |   3   <head> | 
|   4     <title>Column clipping</title> |   4     <title>Column clipping</title> | 
|   5     <script> |  | 
|   6       if (window.internals) |  | 
|   7         internals.settings.setRegionBasedColumnsEnabled(true); |  | 
|   8     </script> |  | 
|   9     <style> |   5     <style> | 
|  10       body { |   6       body { | 
|  11         width: 450px; |   7         width: 450px; | 
|  12         color: black; |   8         color: black; | 
|  13         background: white; |   9         background: white; | 
|  14       } |  10       } | 
|  15       .mc { |  11       .mc { | 
|  16         columns: 3; |  12         columns: 3; | 
|  17         column-gap: 15px; |  13         column-gap: 15px; | 
|  18         column-fill: auto; |  14         column-fill: auto; | 
|  19         -webkit-columns: 3; |  15         -webkit-columns: 3; | 
|  20         -webkit-column-gap: 15px; |  16         -webkit-column-gap: 15px; | 
|  21         height: 100px; |  17         height: 100px; | 
|  22         box-sizing:border-box; |  18         box-sizing:border-box; | 
|  23         border:10px solid green; |  19         border:10px solid green; | 
|  24         background:white; |  20         background:white; | 
|  25       } |  21       } | 
|  26     </style> |  22     </style> | 
|  27   </head> |  23   </head> | 
|  28   <body> |  24   <body> | 
|  29     <p>There should be a rectangle with a solid 10px thick green border below, a
    nd no red.</p> |  25     <p>There should be a rectangle with a solid 10px thick green border below, a
    nd no red.</p> | 
|  30     <div class="mc"></div> |  26     <div class="mc"></div> | 
|  31   </body> |  27   </body> | 
|  32 </html> |  28 </html> | 
| OLD | NEW |