Foundation HTML5 with CSS3

Embedding Media

Figure 5-20. The background now tiles horizontally but not vertically

Likewise, a value of repeat-y will tile the image vertically but not horizontally:

body {
background-image: url(images/background.png);
background-repeat: repeat-y;
}

You can see the result in Figure 5-21, where the image now tiles vertically along the y-axis.

Figure 5-21. The background tiles vertically but not horizontally