background-position

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

background-position


 

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
  <style rel="stylesheet" type="text/css">
/* style sheet demonstrating the background-image property */
body {
  background-image: url(http://www.navioo.com/style/logo.png);
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
}
</style>
</head>

<body>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
<p>This example illustrates the <b>background-image</b> property.</p>
</body>
</html>

HTML code for linking to this page:

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

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

HTML CSS TUTORIALS