Adding a rounded similar to border-radius to outline

Asked Mar 18 '13 at 10:57

Active Mar 18 '13 at 15:30

Viewed 95 times

Using CSS3 I would like to know if there is any way to create a rounded effect to an outline property.

Maybe a CSS Hack or a JS option possible whitout using jQuery. The effect I would like to achive is similar looks like

border-radius: 10px;

this is my code

.focus {
    outline:whitesmoke solid 3px; 
}

I would need for webkit.

EDIT: After some research and how suggested, such property is not implemented in webkit.

edited Mar 18 '13 at 15:30

asked Mar 18 '13 at 10:57

GibboK

To what element are you applying this `.focus`? – dfsq Mar 18 '13 at 11:04
4

http://stackoverflow.com/questions/5394116/outline-radius – btevfik Mar 18 '13 at 11:06
2

There seems to be a `-moz-outline-radius` for mozilla only, check https://developer.mozilla.org/de/docs/CSS/-moz-outline-radius – Adrenaxus Mar 18 '13 at 11:06
1

Why use `outline` instead of `border`? – Marc Audet Mar 18 '13 at 11:08
I am using .focus on a simple div – GibboK Mar 18 '13 at 14:03
Adrenaxus thanks for your comment do you know one for web kit? – GibboK Mar 18 '13 at 14:10
1

@GibboK doesnt exist for webkit – loxxy Mar 18 '13 at 14:17

0 Answers0