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