CSS2 Test Suite: 14.2.1 background-repeat

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.test {background-image: url(pix/smgr-bg.gif);}
.cl1 {background-repeat: no-repeat;}
.cl2 {background-repeat: repeat-x;}
.cl3 {background-repeat: repeat-y;}
.cl4 {background-repeat: repeat;}
.parent, .inh1 {background-image: url(pix/smgr-bg.gif);}
.parent {background-repeat: no-repeat;}
.inh1 {background-repeat: repeat;}

[test] This 'p' element should have a green grid as its background, extending through the content-area of the element.

[test cl1] This 'p' element should have a green image in the top left corner of the element's background area.

[test cl2] This 'p' element should have a green stripe running along the top edge of the element's background area.

[test cl3] This 'p' element should have a green stripe running down the left side of the element's background area.

[test cl4] This 'p' element should have a green grid throughout the entirety of the element's background area.

[parent] This 'div' element is the parent of another 'div' that is used to test inheritance. The parent has a single small green image in its top left corner.
[inh1] This 'div' element should have a single green image in its top left corner, the same as its parent, as it has a style attribute set to inherit the background-image value. If the background is filled with a green grid, the 'inherit' test has been failed.
This is the end of the parent element.
[index page] [section] [Previous] [Next] [Specification]