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 |