blob: 66121c97b36a2cd5da5a5dc08e4a8527fa8bdc2f [file] [log] [blame]
<!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>