CSS BACKGROUND-POSITION - CSS3 Examples

CSS BACKGROUND-POSITION

Written by jon on 8:29 AM
The background-position property sets the starting position of a background image.

Inherited: No

Example
body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: top left
}

body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: 0% 0%
}

Possible Values
Value Description
top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

If you only specify one keyword, the second value will be “center”.
x-% y-% The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%.
x-pos y-pos The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions.

Related Posts by Categories



Widget by John | Interviewghost
  1. 0 comments: Responses to “ CSS BACKGROUND-POSITION ”

RECENT COMMENTS

SUBSCRIBE TO CSS3 EXAMPLES

 Subscribe to css3 Examples via RSS
Or, subscribe via email:
Find CSS3 Examples Entries :