1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml">
4 <title>CSS Test: 'Background-repeat: space' when background positioning area is 'content-box'
</title>
5 <link rel=
"author" title=
"Microsoft" href=
"http://www.microsoft.com/" />
6 <link rel=
"help" href=
"http://www.w3.org/TR/css3-background/#the-background-repeat" />
7 <meta name=
"flags" content=
"" />
8 <meta name=
"assert" content=
"When 'background-repeat: space' and background positioning area is set to 'content-box' the image is repeated as often within the 'content-box' without being clipped, the images are spaced out to fill the area and the first and last images touch the edges of the 'content-box'." />
9 <style type=
"text/css">
15 border: 25px double black
;
16 background-origin: content-box
;
17 background-image: url
("../support/cat.png");
18 background-repeat: space
;
23 <p>Test passes if there are four unclipped cats below, if the cats are equally spaced from each other, and if the cats do not touch or overlap the double border.
</p>