Is it possible to create a border in CSS3 such that they are rounded and dotted?
I'm rounding my corners but they appear solid with:
border: 1px dotted gray;
-moz-border-radius-topright: 30px 20px;
-moz-border-radius-topleft: 30px 20px;
The rest of the border is dotted but the corners are solid.
I understand that this is specific to Firefox but that's fine for now.
Thanks
The border-style property specifies what kind of border to display. The following values are allowed: dotted - Defines a dotted border.
The task is to increase space between the dotted border dots. you can just adjust the size with the background-size property, the proportion with the background-image property, and the proportion with the linear-gradient percentages. So, you can have several dotted borders using multiple backgrounds.
It'a bug in firefox.see this issue,mozilla doesn't support rounded corner for dotted and dashed border.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With