46 lines
1.8 KiB
HTML
46 lines
1.8 KiB
HTML
<!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>
|