OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 #shape-inside-coincident-vertices { | |
6 font: 50px/1 Ahem, sans-serif; | |
7 color: green; | |
8 width: 250px; | |
9 height: 250px; | |
10 shape-inside: polygon(50px 50px, 50px 50px, 250px 50px, 250px 50px, 25
0px 250px, 50px 250px, 50px 50px, 50px 50px); | |
11 } | |
12 #shape-inside { | |
13 font: 50px/1 Ahem, sans-serif; | |
14 color: green; | |
15 width: 250px; | |
16 height: 250px; | |
17 shape-inside: polygon(50px 50px, 250px 50px, 250px 250px, 50px 250px); | |
18 } | |
19 </style> | |
20 </head> | |
21 <body> | |
22 Requires Ahem font. Verifies that polygonal shapes with multiple coincident
vertices produce | |
23 the same output as they would with only the unique vertices. This test shou
ld display two | |
24 indentical solid green squares. | |
25 <div id="shape-inside-coincident-vertices">XXXX XXXX XXXX XXXX</div> | |
26 <div id="shape-inside">XXXX XXXX XXXX XXXX</div> | |
27 </body> | |
28 </html> | |
OLD | NEW |