tor-browser

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

border-radius-side-shorthands-ref.html (1101B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Reftest Reference</title>
      4 <link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
      5 
      6 <style>
      7 div {
      8  width: 100px;
      9  height: 100px;
     10  margin: 10px;
     11 }
     12 
     13 #reference-shape-1,
     14 #reference-shape-2,
     15 #reference-shape-3,
     16 #reference-shape-4 {
     17  border: 10px solid green;
     18 }
     19 
     20 #reference-shape-1 {
     21  border-top-left-radius: 40px;
     22  border-top-right-radius: 40px;
     23  border-bottom-right-radius: 20px;
     24  border-bottom-left-radius: 20px;
     25 }
     26 
     27 #reference-shape-2,
     28 #reference-shape-4 {
     29  border-top-left-radius: 1em 4em;
     30  border-top-right-radius: 2em 3em;
     31  border-bottom-right-radius: 4em 1em;
     32  border-bottom-left-radius: 3em 2em;
     33 }
     34 
     35 #reference-shape-3 {
     36  border-top-left-radius: 40px;
     37  border-top-right-radius: 20px;
     38  border-bottom-right-radius: 20px;
     39  border-bottom-left-radius: 40px;
     40 }
     41 </style>
     42 
     43 <p>Test passes if there are four green squares with rounded corners and <strong>no red</strong>.
     44 
     45 <div id="reference-shape-1"></div>
     46 <div id="reference-shape-2"></div>
     47 <div id="reference-shape-3"></div>
     48 <div id="reference-shape-4"></div>