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 font: 100px/1 Ahem, sans-serif; | 6 font: 100px/1 Ahem, sans-serif; |
11 color: green; | 7 color: green; |
12 word-wrap: break-word; | 8 word-wrap: break-word; |
13 width: 300px; | 9 width: 300px; |
14 height: 300px; | 10 height: 300px; |
15 -webkit-shape-inside: rectangle(0, 0, 300px, 300px, 100px, 100px); | 11 -webkit-shape-inside: rectangle(0, 0, 300px, 300px, 100px, 100px); |
16 } | 12 } |
17 </style> | 13 </style> |
18 </head> | 14 </head> |
19 <body> | 15 <body> |
20 Requires Ahem font. Tests that inline content avoids the border radius of a
rounded rectangle. | 16 Requires Ahem font. Tests that inline content avoids the border radius of a
rounded rectangle. |
21 Should display five green boxes in the shape of a plus. | 17 Should display five green boxes in the shape of a plus. |
22 <div id="shape-inside">XXXXX</div> | 18 <div id="shape-inside">XXXXX</div> |
23 </body> | 19 </body> |
24 </html> | 20 </html> |
OLD | NEW |