how to set border opacity in css code example

Example 1: css border opacity

div {
    border: 1px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

Example 2: how to give opacity to border

border: 1px solid rgba(255, 0, 0, .5);