Inside Border CSS Transparent,outline-offset Style IE Property Examples

Email this Tweet This Bookmark this on Delicious

How to make border transparent CSS?

Example:-

Div Tag - Inside Border Transparent css

.demo {
    background: none repeat scroll 0 0 #FF4B0A;
    color: #F7E6CB;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    width: 150px;
    text-align: center;
}
.demo:before {
    content: "";
    border: 10px solid #FF4B0A;
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
}

Div Tag - outline-offset css

;
.demo1
{
    border: 10px solid #FF0101;
    margin: 50px auto 0;
    outline: 6px solid #1F1717;
    outline-offset: 10px;
    padding: 20px;
    width: 150px;
 }

Demo Out put:-

• 
  
  Div Tag - Inside Border Transparent
  Sample Content Area
• Div Tag
  outline-offset css
  Sample Content Area