Is there a way to change the length of dashes for "border: dashed;"?

Asked Nov 17 '16 at 14:13

Active Nov 17 '16 at 14:13

Viewed 55 times

I'm trying to get this result (i left the red button here just for better perception of dashes):

But all that comes to my mind is to change border thickness. All that i have for now is:

and

But it's not what i'm trying to implement. And here is my simple CSS:

.dashed-wrapper {
    border-bottom: 2px #cccccc dashed;
}

Thanks in advance for any help

asked Nov 17 '16 at 14:13

P.S.

You want the border applied only on a single line ? – vals Nov 17 '16 at 18:04
@vals, yep, in my case it's `border-bottom`, do you mean this? – P.S. Nov 17 '16 at 18:57
1

In this case, you can just use a gradient , it will be way easier – vals Nov 17 '16 at 19:01
@vals, thanks, i'll read about it – P.S. Nov 17 '16 at 19:38
1

See this fiddle https://jsfiddle.net/nzcowhvw/ – vals Nov 17 '16 at 20:48
@vals, that's great, thanks a lot! now i know one more interesting css feature – P.S. Nov 17 '16 at 21:03

0 Answers0