| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 #image-shape { | |
| 6 font: 12px/1 Ahem, sans-serif; | |
| 7 color: green; | |
| 8 width: 24px; | |
| 9 height: 24px; | |
| 10 shape-inside: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA
gCAYAAABzenr0AAAARElEQVRYCe3XsQ0AIAgEQHH/nV8n0AptjtCREHI0UBljZ2Mkdeo+T8UXNQMQIEC
AAAECBAgQIFBJ71twO+2tgACB7wILoI8HOaOmzFsAAAAASUVORK5CYII="); | |
| 11 shape-image-threshold: 0; | |
| 12 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACA
AAAAgCAYAAABzenr0AAAARElEQVRYCe3XsQ0AIAgEQHH/nV8n0AptjtCREHI0UBljZ2Mkdeo+T8UXNQM
QIECAAAECBAgQIFBJ71twO+2tgACB7wILoI8HOaOmzFsAAAAASUVORK5CYII="); | |
| 13 background-repeat: no-repeat; | |
| 14 } | |
| 15 </style> | |
| 16 </head> | |
| 17 <body> | |
| 18 <p id="informative-text"> | |
| 19 This test requires the Ahem font. It uses a 24x24 square PNG image where a
ll pixels are red, | |
| 20 to define a shape-inside. The content should just cover the shape with sol
id green.</p> | |
| 21 | |
| 22 <div id="image-shape">XX XX</div> | |
| 23 </body> | |
| 24 </html> | |
| OLD | NEW |