Can you make the border transparent?

In CSS is there a way to make the border transparent, but the box (inside) with the border the same?

Please see this link: http://jsfiddle.net/xiiJaMiiE/LfWBn/14/

#white_box {
position:absolute;
min-width:90%;
max-width:90%;
margin:0 auto;
height:92%;
top:0%;
left:5%;
right:5%;
background:white;
z-index:1;
width:80%;
border:5px #0F0 solid;
}

I would like to know if I can make the green border 0.6 opacity and keep the white inside normal.

Is that possible or would I have to make 2 divs on top each other?

Thanks in advance!


solution

You could just use: border: 5px rgba(0, 255, 0, 0.6) solid;

UPDATED EXAMPLE

#white_box {
  position: absolute;
  min-width: 90%;
  max-width: 90%;
  margin: 0 auto;
  height: 92%;
  top: 0%;
  left: 5%;
  right: 5%;
  background: white;
  z-index: 1;
  width: 80%;
  border: 5px rgba(0, 255, 0, 0.6) solid;
}

Alternatively, you could use outline too; both have different results.

outline: 10px solid rgba(0, 255, 0, 0.6);

EXAMPLE HERE