CSS borders

Question

Is there any way to get translucent borders???
I mean why
" border: 3px solid rgba(0,0,0,0.x); "
is not working for me???

Answer 1

there are a possible way to make a translucent border, but it will make the whole element you select become translucent too.
border: 3px solid black;
opacity: 0.6;

Answer 2

Ayush Gupta it's better to show your code here

Answer 3

have you tried this:
border: 3px solid rgba(0,0,0,1);

Answer 4

Ayush Gupta what do you said with box-shadow is good, but you will miss all border style such as ridge, double, dotted, dashed, etc.

have you ever use <button> tag? I knew it use a default border

Answer 5

what I just found was that
we can achieve the same thing using the box-shadow property:

box-shadow: 0 0 0 10px rgba(0,0,0,0,0.5);

that worked well for me...

Answer 6

Like you did, rgba should be the way to go for this effect. I've just tried it and it worked

border : 3px solid rgba(0,0,0, .2)
for instance is working flawlessly