CSS3 In-Depth

CSS3 In-Depth Background repeat, attachment and position


This course has been updated! We now recommend you take the CSS In-Depth, v2 course.

Check out a free preview of the full CSS3 In-Depth course:
The "Background repeat, attachment and position" Lesson is part of the full, CSS3 In-Depth course featured in this preview video. Here's what you'd learn in this lesson:

Repeated backgrounds are controlled with the background-repeat property. This enables vertical/horizontal tiling or allows developers to turn off repeating. Using background-attachment allows images to be fixed to the background of an element or its parent. If you use percentages to position your background images, the browser uses a ratio for positioning. With the introduction of CSS3, some browsers now support background positioning relative to any corner.

Get Unlimited Access Now