| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Background Test: Large images with one auto size are correctly sized</title> |
| <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> |
| <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-image"> |
| <link rel="match" href="reference/background-image-large-with-auto-ref.html"> |
| <style> |
| .wide-div { |
| background-image: url(support/green-1000x10.png); |
| background-repeat: no-repeat; |
| background-size: 10000px auto; |
| width: 1000px; |
| height: 100px; |
| border: 1px solid black; |
| } |
| |
| .high-div { |
| background-image: url(support/green-10x1000.png); |
| background-repeat: no-repeat; |
| background-size: auto 10000px; |
| width: 100px; |
| height: 1000px; |
| border: 1px solid black; |
| } |
| </style> |
| </head> |
| |
| <body> |
| <div class='wide-div'></div> |
| <div class='high-div'></div> |
| </body> |
| </html> |
