Drag the edges to resize the window.

Code Editor
Web Browser
Learn

In the last exercise, you probably noticed that the background image was repeated, creating a tiled background (this is the default behavior).

You can control how a background image repeats with the background-repeat property. This property can take one of four values:

  1. repeat - the default value — the image will repeat horizontally and vertically.
  2. repeat-x - the background image will be repeated only along the x-axis (horizontally).
  3. repeat-y - the background image will be repeated only along the y-axis (vertically).
  4. no-repeat - the background image will not be repeated at all and will appear only once.
p { background-image: url("#"); background-repeat: repeat-x; }

In the example above, the paragraph's background image will repeat horizontally.

Report a Bug
If you see a bug or any other issue with this page, please report it here.