CSS border-image-outset property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
    body {
    background-color:#88c999;
}
    #myDIV {
    height:300px;
    background-color:#FFFFFF;
    border: 25px solid transparent;
    padding: 10px;
    border-image-source:url('/pic.jpg');  
    border-image-repeat: stretch;
    border-image-slice: 25;
    border-image-width: 15px;
    border-image-outset: 15px;
}
</style>
</head>
<body>
    <h1>border-image-outset property example</h1>
    <div id="myDIV">
    <p>A demonstration on how to set the border image.</p>
    <p>We used this image:<br>
    <img src="/pic.jpg">
    </p>
    </div>
</body>
</html>