Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
Background repeat

Property Description

The background-repeat property sets if/how a background image will be repeated.

This property has the following syntax:

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Note: The background image is placed according to the background-position property. If no background-position is specified, the image is always placed at the element's top left corner.

Property Values

Value Description
repeat (default) The background image will be repeated both vertically and horizontally
repeat-x The background image will be repeated only horizontally
repeat-y The background image will be repeated only vertically
no-repeat The background-image will not be repeated
initial Specifies that the value of the property should be set to the default value
inherit Specifies that the value of the property should be inherited from the parent element

Examples

This example shows how to repeat the background-image only vertically.

body {
  background-image:url('bg-image.gif');
  background-repeat:repeat-y;
}

Browser Support

Chrome Firefox IE Safari Opera
1.0 1.0 4.0 1.0 3.5

Miscellaneous Information

Inherited: No
Defined In: CSS1
Default Value: repeat
logo