calc-border-radius-1.html (888B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Test: test for border-radius: calc()</title> 5 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 6 <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"> 7 <link rel="match" href="calc-border-radius-1-ref.html"> 8 <meta name="fuzzy" content="maxDifference=0-5; totalPixels=0-5"> 9 <style> 10 11 p { 12 /* We use powers of two here to avoid floating-point issues. 13 See bug 590181. */ 14 15 height: 256px; 16 width: 512px; 17 background: blue; 18 border-radius: calc((1/32 * 100%) + 5px) 19 calc((1/64 * 100%) - 2px) 20 calc(10px + (1/256 * 100%)) 21 calc((1/16 * 100%) - 3px) / 22 calc((1/32 * 100%) - (1px + (1/128 * 100%))) 23 calc(1/16 * 100%) 24 calc(10px) 25 3px; 26 } 27 28 </style> 29 </head> 30 <body> 31 <p></p> 32 </body> 33 </html>