title: Is it possible to create an outline border with radius?
body: <p>I known you can add an outline border with CSS3.</p>
  
  <pre><code>outline: 10px solid red;
  </code></pre>
  
  <p>Now I was wondering how I can add also a radius to that outline border.</p>
  
  <p>I have tried this one, but doesn't work:</p>
  
  <pre><code>.radius {
      padding: 20px 60px;
      text-transform: capitalize;
  
      -moz-outline: 10;
      outline: 10px solid red;
  
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;    
  }
  </code></pre>