| 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 |