border-image #5

Example of border-image-outset set to 1 compared to it set to 2.

HTML

<div>border-image-width not set (default is 1)</div>
<div class="image-outset">border-image-width set to 2</div>

CSS

.image-outset {
    border-image-width: 90px;
}
div {
    border: 30px solid #d4d8da; /* Fallback - shorthand for border-width, border-style, border-color */
    -webkit-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-3.png) 10 repeat; 
       -moz-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-3.png) 30 repeat; 
        -ms-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-3.png) 30 repeat; 
         -o-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-3.png) 30 repeat; 
            border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-3.png) 30 repeat; 
    border-image-width: 5px 2 1 1;
    
    /* General Styles */
    font-weight: bold;
    height: 200px;
    line-height: 200px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 300px;
}