Feb 3, 2012 · border-color: rgba(111,111,111,0.2) transparent transparent; according to the rules, we have . top = rgba right = transparent bottom = transparent left = right = transparent similar in the other example: border-color: rgba(111,111,111,0.2) transparent; we get the following. top = rgba right = transparent bottom = top = rgba left = right ...

This blog entry has a way to emulate border-color: transparent in IE6. The below example includes the "hasLayout" fix that is brought up in the blog entry comments: The below example includes the "hasLayout" fix that is brought up in the blog entry comments:

Feb 6, 2014 · Well if you want fully transparent than you can use. border: 5px solid transparent; If you mean opaque/transparent, than you can use . border: 5px solid rgba(255, 255, 255, .5); Here, a means alpha, which you can scale, 0-1.

Oct 31, 2010 · The first border declaration will be the equivalent color to a 50% opaque red border over a white background (although any graphics under the border will not bleed through). I've added background-clip: padding-box; to the examples above to ensure the border remains transparent even if a solid background color is applied.

Aug 2, 2016 · Yes it is possible to have transparent border. Just use rgba color defination like so: border: 10px solid rgba(50,50,50,.5); The last value 0.5 goes from 0 to 1 and is a opacity (or alpha) value for the color. Working example (see how the …

May 12, 2015 · Set border-color: transparent; – Luís P. A. Commented May 12, 2015 at 15:05. Add a comment | 2 Answers ...

Mar 6, 2017 · Here the ffffff is the color and 00 is the transparency. Also, if you want 50% transparent color, then sure you can do... #ffffff80. Where 80 is the hexadecimal equivalent of 50%. Since the scale is 0-255 in RGB Colors, the half would be 255/2 = 128, which when converted to hex becomes 80. And since in transparent we want 0 opacity, we write 00

Jun 25, 2012 · Ways to create a (semi-) transparent color: The CSS color name transparent creates a completely transparent color. Usage:.transparent{ background-color: transparent; } Using rgba or hsla color functions, that allow you to add the alpha channel (opacity) to the rgb and hsl functions. Their alpha values range from 0 - 1. Usage:

Oct 20, 2016 · in border-color: red transparent; you stated that top should be read, right should be transparent, and because the other 2 values are empty, they copy themselves. Share Improve this answer

Nov 12, 2020 · Alternatively, we can also use #33DDDDDD.Adding 33 before the 6-character hex color indicates opacity of 20% (0.2).