haikuwebkit/LayoutTests/css2.1/t140201-c536-bgpos-01-b-ag....

52 lines
1.8 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS 2.1 Test Suite: background-position</title>
<style type="text/css">
html,body,div { margin: 0; border: 0; padding: 0; }
div { font: 15px/1 Ahem; color: white; width: 11em; }
/* tests */
.four {background-image: url(support/swatch-red.png); background-position: 100% 100%;
background-repeat: no-repeat;}
.five {background-image: url(support/swatch-red.png); background-position: 0% 50%;
background-repeat: no-repeat;}
.six {background-image: url(support/swatch-red.png); background-position: 80% 25%;
background-repeat: no-repeat;}
.seven {background-image: url(support/swatch-red.png); background-position: 30px 30px;
background-repeat: no-repeat;}
</style>
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" title="14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'">
</head>
<body>
<p>There should be no red on this page.</p>
<div class="four">
           
           
           
           
          X
</div>
<div class="five">
           
           
X          
           
           
</div>
<div class="six">
           
        X  
           
           
           
</div>
<div class="seven">
           
           
  X        
           
           
</div>
</body>
</html>