| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script> | 2 <script> |
| 3 onload = function() { | 3 onload = function() { |
| 4 var elm = document.getElementById('elm'); | 4 var elm = document.getElementById('elm'); |
| 5 elm.offsetTop; // trigger layout | 5 elm.offsetTop; // trigger layout |
| 6 elm.style.WebkitColumns = '4'; | 6 elm.style.WebkitColumns = '4'; |
| 7 elm.style.columns = '4'; | 7 elm.style.columns = '4'; |
| 8 elm.style.overflow = 'visible'; | 8 elm.style.overflow = 'visible'; |
| 9 } | 9 } |
| 10 </script> | 10 </script> |
| 11 <p>You should see the word 'PASS' below.</p> | 11 <p>You should see the word 'PASS' below.</p> |
| 12 <div style="float:left;"> | 12 <div style="float:left;"> |
| 13 <div id="elm" style="overflow:-webkit-paged-x; -webkit-column-gap:0; column-
gap:0; orphans:1; widows:1; height:7em; line-height:4em;"> | 13 <div id="elm" style="overflow:-webkit-paged-x; -webkit-column-gap:0; column-
gap:0; orphans:1; widows:1; height:7em; line-height:4em;"> |
| 14 P<br> | 14 P<br> |
| 15 A<br> | 15 A<br> |
| 16 S<br> | 16 S<br> |
| 17 S<br> | 17 S<br> |
| 18 </div> | 18 </div> |
| 19 </div> | 19 </div> |
| OLD | NEW |