title: getComputedStyle property values
body: <p>I'm trying to report the value of my border radii of an oval div I created, but I'm getting an undefined value returned. Can anyone explain why? Am I making a simple mistake or is there something wrong with my code? Thank you! </p>
  
  <pre><code>&lt;!DOCSTYLE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;CSS3&lt;/title&gt;
      &lt;style&gt;
          #oval{
              width: 500px;
              height: 300px;
              background: black;
              border-bottom-left-radius: 50%;
              border-bottom-right-radius: 50%;
              border-top-left-radius: 50%;
              border-top-right-radius: 50%;
          }
      &lt;/style&gt;
      &lt;script&gt;
          var myOval = document.getElementById('oval');
          var bRadBL = window.getComputedStyle(myOval).getPropertyValue("border-bottom-left-radius");
          var bRadBR = window.getComputedStyle(myOval).getPropertyValue("border-bottom-right-radius");
          var bRadTL = window.getComputedStyle(myOval).getPropertyValue("border-top-left-radius");
          var bRadTR = window.getComputedStyle(myOval).getPropertyValue("border-top-right-radius");
          var bRad = getComputedStyle(myOval).getPropertyValue("borderRadius");
          function compStyle(){
              alert("Top Left Radius: "+bRadTL+"\nBottom Left Radius: "+bRadBL+"\nTop Right Radius: "+bRadTR+"\nBottom Right Radius: "+bRadBR);
       }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="oval"&gt;&lt;/div&gt;
      &lt;input type="button" value="click me" onClick="compStyle()"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Edit: I've tried both "border-bottom-left-radius" and "borderBottomLeftRadius" with the same results. Which one am I supposed to use?</p>