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