html5 – 是否可以创建一个半径的轮廓边框？

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