title: How to calculate the maximum value for a border-radius without using percentage?
body: <p>CSS3 uses the <code>border-radius</code> attribute to set rounded corners in elements. The values, normally, are set in <em>px</em>, and the lowest value allowed is <em>0px</em>. The visual result are variable, according to the dimensions of the element with this attribute. For example, an element with dimensions <em>100px X 100px</em> with <code>border-radius: 20px;</code>, will not get totally rounded(circle), otherwise, an element with <em>dimensions 10px X 10px</em> will be. There are no limit to the maximum value allowed.</p>
  
  <p>The question is: how to calculate the <strong>maximum value</strong>, according to the element size, to make it 100% rounded?</p>
  
  <p><a href="http://jsfiddle.net/Jp5L3/" rel="noreferrer">Fiddle page</a></p>
  
  <p><strong>EDIT : How to calculate the value in pixels (px)?</strong></p>