OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style id='stylesheet'> | |
5 div { | |
6 font: 50px/1 Ahem, sans-serif; | |
7 color: green; | |
8 } | |
9 p { | |
10 margin: 0; | |
11 } | |
12 </style> | |
13 <script src='../resources/simple-rectangle.js'></script> | |
14 <script> | |
15 window.onload = function() { | |
16 createRectangleTest('shape-inside1', 'stylesheet', { width: 200, height:
200 }, { x: 50, y: 50, width: 100, height: 100 }, 'px', null); | |
17 createRectangleTest('shape-inside2', 'stylesheet', { width: 200, height:
200 }, { x: 50, y: 50, width: 100, height: 100 }, 'px', null); | |
18 }; | |
19 </script> | |
20 </head> | |
21 <body> | |
22 <p>This test requires the Ahem font. It tests that dynamically set shape-insides
should affect their block's children. You should see two green squares inside b
lue outlines.</p> | |
23 <div id='shape-inside1'><p>XX</p><p>XX</p></div> | |
24 <div id='shape-inside2'><div><p>XX</p><p>XX</p></div> | |
25 </body> | |
26 </html> | |
OLD | NEW |