Adding a rounded similar to border-radius to outline

[curtissea]

Using CSS3 I would like to know if there is any way to \[code\]create a rounded effect\[/code\] to an \[code\]outline\[/code\] property.Maybe a CSS Hack or a JS option possible whitout using jQuery.The effect I would like to achive is similar looks like \[code\]border-radius: 10px;\[/code\]this is my code\[code\].focus { outline:whitesmoke solid 3px; }\[/code\]