Backgrounds

Published April 19th 2009 by
Filed under CSS

There are a few different ways to place a background image using a Cascading Style Sheet (CSS). These include:

  • repeat (repeats the image all over the page)
  • repeat-x (repeats horizontally)
  • repeat-y (repeats vertically)
  • no-repeat (doesn’t repeat so the image only appears once)
  • fixed (stays in position so that the background doesn’t move when scrolled)

The background can also be placed more specifically such as:

  • fixed repeat top left
  • fixed repeat-x

These are useful because putting a background on a page using standard html doesn’t always display the background as you want it.