CSS3 Border-image-width Property example

Write code here

J | B | A

<!DOCTYPE html>
<html>
	<head>
		<title>Demo</title>
	</head>
<body>
	<style>
        #divImgR {
            border: 20px solid transparent;
            padding: 20px;
            border-image-source: url(/HTPictures/Generics/5-635757291412470943.jpg);
            border-image-repeat: repeat;
            border-image-slice: 25;
            border-image-width: 15px;
        }

#divImgS {
            border: 20px solid transparent;
            padding: 20px;
            border-image-source: url(/HTPictures/Generics/5-635757291412470943.jpg);
            border-image-repeat: repeat;
            border-image-slice: 25;
            border-image-width: 30px;
        }

#divImgT {
            border: 20px solid transparent;
            padding: 20px;
            border-image-source: url(/HTPictures/Generics/5-635757291412470943.jpg);
            border-image-repeat: repeat;
            border-image-slice: 25;
            border-image-width: 40px;
        }
</style>

</body>
    <p>This is some text.</p>

<div id="divImgR">
        Border Image width 15px.
    </div>
    <br />
    <div id="divImgS">
        Border Image width 30px.
    </div>
    <br />
    <div id="divImgT">
        Border Image width 40px.
    </div>
    <p>
        <img src="/HTPictures/Generics/5-635757291412470943.jpg" width="60" height="80"/>
        This is the orginal Border image.
    </p>
</body>
</html>

Note: We DO NOT save your trial code in our database.

CSS3 > Border-Image-Width Property

Write code here

Output