Dotted border
3 answers
@Bhumi Shah The problem you are trying to solve cannot be achieved using CSS alone. If you are using SVG
then there SVG
might be a solution. using SVG you can create a rounded circle with a dashed border. Have a look at the DEMO done with SVG.
<svg width="300px" height="300px" viewBox="0 0 300 300" style="border:1px solid #000;">
<circle cx="100" cy="100" r="90"
stroke="#448800" stroke-dasharray="20,10" stroke-width="20"
fill="none" />
+2
source to share
This is a bug in Firefox, https://bugzilla.mozilla.org/show_bug.cgi?id=382721 - It was opened in 2007 but hasn't been fixed yet.
+1
source to share