Я знаю, что вы можете добавить контурную рамку с помощью CSS3.

outline: 10px solid red;

Теперь мне было интересно, как я могу добавить радиус к этой границе контура.

Я пробовал это, но не работает:

.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;    
}