OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../resources/subpixel-utils.js"></script> | 4 <script src="../resources/subpixel-utils.js"></script> |
5 <script> | 5 <script> |
6 if (window.internals) | 6 if (window.internals) |
7 window.internals.settings.setCSSExclusionsEnabled(true); | 7 window.internals.settings.setCSSExclusionsEnabled(true); |
8 </script> | 8 </script> |
9 <!-- | 9 <!-- |
10 In this test the shape-inside shape is a rounded rectangle configured as a circl
e with radius of 100px. | 10 In this test the shape-inside shape is a rounded rectangle configured as a circl
e with radius of 100px. |
(...skipping 29 matching lines...) Expand all Loading... |
40 width: 200px; | 40 width: 200px; |
41 height: 200px; | 41 height: 200px; |
42 font: 141.421356px/1 Ahem, sans-serif; | 42 font: 141.421356px/1 Ahem, sans-serif; |
43 color: green; | 43 color: green; |
44 } | 44 } |
45 </style> | 45 </style> |
46 </head> | 46 </head> |
47 <body onload="init()"> | 47 <body onload="init()"> |
48 <script> | 48 <script> |
49 function init() { | 49 function init() { |
50 if (!SubPixelLayout.isSubPixelLayoutEnabled()) | 50 if (!SubPixelLayout.isEnabled()) |
51 document.getElementById("shape-inside").style.top = "30px"; | 51 document.getElementById("shape-inside").style.top = "30px"; |
52 } | 52 } |
53 </script> | 53 </script> |
54 <p>The green rectangle should appear within the grey circle.</p> | 54 <p>The green rectangle should appear within the grey circle.</p> |
55 <div id="shape-container"> | 55 <div id="shape-container"> |
56 <div id="shape-background"></div> | 56 <div id="shape-background"></div> |
57 <div id="shape-inside">X</div> | 57 <div id="shape-inside">X</div> |
58 </div> | 58 </div> |
59 </body> | 59 </body> |
60 </html> | 60 </html> |
OLD | NEW |