third_party/WebKit/LayoutTests/css3/calc/border-radius.html

   1 <style>
   2 div {
   3     width:100px;
   4     height:100px;
   5     border: 2px solid black;
   6 }
   7 .control {
   8     border-radius:50px;
   9 }
  10 .pixels {
  11     border-radius:calc(50px);
  12 }
  13 .percent {
  14     border-radius:calc(50%);
  15 }
  16 .both {
  17     /* Note that 100% is 104px, so 25% + 25px = 51px*/
  18     border-radius:calc(25% + 25px);
  19 }
  20 </style>
  21
  22 This test should have four circles.
  23
  24 <div class="control"></div>
  25 <div class="pixels"></div>
  26 <div class="percent"></div>
  27 <div class="both"></div>