background-image-large-with-auto.html (928B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Background Test: Large images with one auto size are correctly sized</title> 5 <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-image"> 7 <link rel="match" href="reference/background-image-large-with-auto-ref.html"> 8 <style> 9 .wide-div { 10 background-image: url(support/green-1000x10.png); 11 background-repeat: no-repeat; 12 background-size: 10000px auto; 13 width: 1000px; 14 height: 100px; 15 border: 1px solid black; 16 } 17 18 .high-div { 19 background-image: url(support/green-10x1000.png); 20 background-repeat: no-repeat; 21 background-size: auto 10000px; 22 width: 100px; 23 height: 1000px; 24 border: 1px solid black; 25 } 26 </style> 27 </head> 28 29 <body> 30 <div class='wide-div'></div> 31 <div class='high-div'></div> 32 </body> 33 </html>