border-transparent (border opacity)

border: 1px solid rgb(127, 0, 0);
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 */

몇몇 브라우저에서 rgba를 인식 못하기 때문에 앞에 rgb 값으로만 된 보더를 넣어준다.

참고 url : http://stackoverflow.com/questions/4062001/css3-border-opacity