| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 #image-shape { | |
| 6 border: solid black 1px; | |
| 7 font: 12px/1 Ahem, sans-serif; | |
| 8 color: green; | |
| 9 width: 32px; | |
| 10 height: 32px; | |
| 11 shape-inside: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA
gCAYAAABzenr0AAAASklEQVRYCe3XIQ4AMAhD0XXh/lfuMkeCJjUfhSt5YJDtk6ybDP/ZDFBjBdLuUdj
qmawAAQQQQAABBBBAAAEE4gLiN+xfSqKP38ADuQMJO6LNbr4AAAAASUVORK5CYII="); | |
| 12 shape-image-threshold: 0; | |
| 13 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACA
AAAAgCAYAAABzenr0AAAASklEQVRYCe3XIQ4AMAhD0XXh/lfuMkeCJjUfhSt5YJDtk6ybDP/ZDFBjBdL
uUdjqmawAAQQQQAABBBBAAAEE4gLiN+xfSqKP38ADuQMJO6LNbr4AAAAASUVORK5CYII="); | |
| 14 background-repeat: no-repeat; | |
| 15 } | |
| 16 </style> | |
| 17 </head> | |
| 18 <body> | |
| 19 <p id="informative-text"> | |
| 20 This test requires the Ahem font. It uses a 32x32 PNG image with a 24x24 r
ed square in the center | |
| 21 to define a shape-inside. The content should just cover the shape with sol
id green.</p> | |
| 22 | |
| 23 <div id="image-shape">XX XX</div> | |
| 24 </body> | |
| 25 </html> | |
| OLD | NEW |