26 lines
970 B
HTML
26 lines
970 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.faux-left-border {
|
|
display: inline-block;
|
|
background-color: #00FF00;
|
|
width: 32px;
|
|
height: 128px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
The green in the image green-128x128.png may not match CSS color #00FF00 because of color reproduction
|
|
issues (why?). Therefore we use a combination of a <div> with CSS background color #00FF00 and
|
|
green-128x128.png instead of using only green-128x128.png so as to ensure that the reference image
|
|
(generated from this file) matches the actual image.
|
|
-->
|
|
<!-- Test: -webkit-background-origin before background-origin -->
|
|
<div class="faux-left-border"></div><img src="../resources/green-128x128.png" width="96" height="128">
|
|
<!-- Test: background-origin before -webkit-background-origin -->
|
|
<div class="faux-left-border" style="margin-left: 32px"></div><img src="../resources/green-128x128.png" width="96" height="128" valign="top">
|
|
</body>
|
|
</html>
|