subpixel-repeat-no-repeat-mix.html (1045B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Background Test: Mixing background-repeat: repeat and no-repeat, subpixel sizes</title> 5 <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"> 7 <link rel="match" href="reference/subpixel-repeat-no-repeat-mix-ref.html"> 8 <style> 9 div.x { 10 position: absolute; 11 left: 20px; 12 top: 10px; 13 width: 116.8px; 14 height: 10px; 15 background-image: url("resources/green-right.png"); 16 background-position-x: right; 17 background-repeat: repeat-y; 18 background-size: 116.8px 0.8px; 19 } 20 div.y { 21 position: absolute; 22 left: 10px; 23 top: 20px; 24 width: 10px; 25 height: 116.8px; 26 background-image: url("resources/green-bottom.png"); 27 background-position-y: bottom; 28 background-repeat: repeat-x; 29 background-size: 0.8px 116.8px; 30 } 31 </style> 32 </head> 33 <body> 34 <div class="y"></div> 35 <div class="x"></div> 36 </body> 37 </html>