Background repeat part 1

The background-repeat Property



The background repeat property specifies how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all

The repeat-x will repeat a background image only horizontally
The CSS:
body {
background-image: url("css_logo.png");
background-repeat: repeat-x;
}
Try It Yourself

Result:
The repeat-y will repeat a background-image only vertically

The CSS:
body {
background-image: url("css_logo.png");
background-repeat: repeat-y;
}
Try It Yourself

Result:
If you want the image to be shown only once, use the no-repeat value.

Comments

Popular posts from this blog

font-family part 1

Styling the list part 3