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 'padding-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 'padding-box' the image is repeated as often within the 'padding-box' without being clipped, the images are spaced out to fill the area and the first and last images touch the edges of the 'padding-box'." />
9 <style type=
"text/css">
15 border: 25px double black
;
16 background-clip: padding-box
;
17 background-image: url
("../support/red_space_pb.png");
25 border: 25px double black
;
26 background-origin: padding-box
;
27 background-image: url
("support/green_color.png");
28 background-repeat: no-repeat
;
29 background-repeat: space
;
34 <p>Test passes if there is no red visible on the page.
</p>
35 <div id=
"reference"></div>