mirror of
https://github.com/servo/servo.git
synced 2025-06-28 19:13:41 +01:00
69 lines
1.2 KiB
HTML
69 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>border-image-6-ref</title>
|
|
|
|
<style type="text/css">
|
|
#container {
|
|
position: relative;
|
|
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
#filler {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
|
|
width: 40px;
|
|
height: 40px;
|
|
|
|
background-color: #090;
|
|
}
|
|
|
|
.small {
|
|
position: absolute;
|
|
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
/* orange appears here to make it super-clear if this doesn't load */
|
|
background: url(support/img-ref-1.png) orange;
|
|
}
|
|
|
|
.small.top {
|
|
top: 0;
|
|
}
|
|
|
|
.small.bottom {
|
|
bottom: 0;
|
|
}
|
|
|
|
.small.left {
|
|
left: 0;
|
|
}
|
|
|
|
.small.right {
|
|
right: 0;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<p>
|
|
Pass if the green square have smaller green squares at its corners and <strong>no</strong> red borders.
|
|
</p>
|
|
|
|
<div id="container">
|
|
<div id="filler"></div>
|
|
<div class="small top left"></div>
|
|
<div class="small top right"></div>
|
|
<div class="small bottom left"></div>
|
|
<div class="small bottom right"></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|