| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| if (window.internals) |
| window.internals.settings.setCSSShapesEnabled(true); |
| </script> |
| <style> |
| #image-shape { |
| font: 50px/1 Ahem, sans-serif; |
| color: green; |
| width: 250px; |
| height: 350px; |
| -webkit-shape-inside: url("../resources/svg-shape-001.svg"); |
| background-image: url("../resources/svg-shape-001.svg"); |
| background-repeat: no-repeat; |
| } |
| </style> |
| <body> |
| <p id="informative-text"> |
| This test requires the Ahem font. It uses svg-shape-001.svg to define a shape-inside. |
| If the first-fit algorithm is working correctly, the second and fourth rows of the |
| blue SVG shape should be covered by green rectangles.</p> |
| |
| <div id="image-shape"></br>XXX XXX</div> |
| </body> |
| </html> |
