tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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>