OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | |
5 if (window.internals) | |
6 window.internals.settings.setCSSExclusionsEnabled(true); | |
7 </script> | |
8 <style> | 4 <style> |
9 .shape-inside { | 5 .shape-inside { |
10 position: relative; | 6 position: relative; |
11 width: 150px; | 7 width: 150px; |
12 height: 100px; | 8 height: 100px; |
13 -webkit-shape-inside: polygon(0px 0px, 150px 0px, 150px 100px, 100px 100
px, 100px 50px, 50px 50px, 50px 100px, 0px 100px); | 9 -webkit-shape-inside: polygon(0px 0px, 150px 0px, 150px 100px, 100px 100
px, 100px 50px, 50px 50px, 50px 100px, 0px 100px); |
14 font: 50px/1 Ahem, sans-serif; | 10 font: 50px/1 Ahem, sans-serif; |
15 color: green; | 11 color: green; |
16 } | 12 } |
17 | 13 |
(...skipping 17 matching lines...) Expand all Loading... |
35 <p>This is the same test as the one above, except that the shape-inside's co
ntent has trailing whitespace.</p> | 31 <p>This is the same test as the one above, except that the shape-inside's co
ntent has trailing whitespace.</p> |
36 <div class="shape-inside"> | 32 <div class="shape-inside"> |
37 <svg class="shape-outline" xmlns="http://www.w3.org/2000/svg"> | 33 <svg class="shape-outline" xmlns="http://www.w3.org/2000/svg"> |
38 <polygon stroke="blue" fill="none" points="0,0 150,0 150,100 100,100
100,50 50,50 50,100 0,100"/> | 34 <polygon stroke="blue" fill="none" points="0,0 150,0 150,100 100,100
100,50 50,50 50,100 0,100"/> |
39 </svg> | 35 </svg> |
40 XXX X | 36 XXX X |
41 | 37 |
42 </div> | 38 </div> |
43 </body> | 39 </body> |
44 </html> | 40 </html> |
OLD | NEW |