| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <style> |
| .inline-block { |
| display: inline-block; |
| margin: 10px; |
| } |
| .fixed-container { |
| height: 80px; |
| width: 80px; |
| } |
| .thick-border { |
| border: 20px solid black; |
| background-color: yellow; |
| } |
| .zero-border { |
| border: 0px solid black; |
| background-color: red; |
| } |
| .border-image-zero-slice { |
| border-image: url('resources/svg-100x100-intrinsic.svg') 0 fill; |
| } |
| .border-image-thick-slice { |
| border-image: url('resources/svg-100x100-intrinsic.svg') 20 fill; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="inline-block fixed-container zero-border border-image-zero-slice"></div> |
| <div class="inline-block fixed-container thick-border border-image-zero-slice"></div> |
| <div class="inline-block fixed-container zero-border border-image-thick-slice"></div> |
| <div class="inline-block fixed-container thick-border border-image-thick-slice"></div> |
| <br> |
| <div class="inline-block"><object class="fixed-container zero-border border-image-zero-slice"></object></div> |
| <div class="inline-block"><object class="fixed-container thick-border border-image-zero-slice"></object></div> |
| <div class="inline-block"><object class="fixed-container zero-border border-image-thick-slice"></object></div> |
| <div class="inline-block"><object class="fixed-container thick-border border-image-thick-slice"></object></div> |
| <br> |
| <table class="inline-block fixed-container zero-border border-image-zero-slice"><tr/></table> |
| <table class="inline-block fixed-container thick-border border-image-zero-slice"><tr/></table> |
| <table class="inline-block fixed-container zero-border border-image-thick-slice"><tr/></table> |
| <table class="inline-block fixed-container thick-border border-image-thick-slice"><tr/></table> |
| </body> |
| </html> |
