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 |