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 |