css3/calc/border-radius.html

<style>
div {
    width:100px;
    height:100px;
    border: 2px solid black;
}
.control {
    border-radius:50px;    
}
.pixels {
    border-radius:-webkit-calc(50px);
}
.percent {
    border-radius:-webkit-calc(50%);
}
.both {
    border-radius:-webkit-calc(25% + 25px);
}
</style>

This test should have four circles.

<div class="control"></div>
<div class="pixels"></div>
<div class="percent"></div>
<div class="both"></div>