calc-background-size-1.html (700B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Test: Test for calc() on background-size</title> 5 <link rel="author" title="L. David Baron" href="https://bugzilla.mozilla.org/show_bug.cgi?id=594934"> 6 <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"> 7 <link rel="match" href="calc-background-size-1-ref.html"> 8 <style type="text/css"> 9 10 p { 11 height: 50px; width: 200px; 12 border: thin solid; 13 background-image: url(support/blue-32x32.png); 14 background-repeat: no-repeat; 15 } 16 17 #one { background-size: calc(50px + 50%) calc(100% - 30px) } 18 #two { background-size: calc(50px + 50%) calc(10px - 50%) } 19 20 </style> 21 </head> 22 <body> 23 <p id="one"></p> 24 <p id="two"></p> 25 </body> 26 </html>