'background-position' Example : background position : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS

HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » background position »

'background-position' Example



    
<html>
<head>
</head>
<body>
<div style="background:blue url(http://www.navioo.com/style/logo.png) repeat top left; 
            width:200; 
            border:3; 
            height:150; 
            font-size:14">
            
            text in first div element.
            </div>
            <br><br><br><br><br><br><br><br><br>
<div style="background-color:red; 
            background-attachment:fixed; 
            background-image:url(http://www.navioo.com/style/logo.png); 
            background-repeat:repeat; 
            background-position-x:top; 
            background-position-y:right; 
            width:200; 
            border:3; 
            height:150; 
            font-size:14">
            
            background-position-x is set to top. <br>
            background-position-y is set to right. 
            
            </div>
</body>
</html>