CSS3 Border-image-repeat Property example

Write code here

J | B | A

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

#divImgS {
            border: 10px solid transparent;
            padding: 10px;
            border-image-source: url(/HTPictures/Generics/5-635757227429655487.jpg);
            border-image-repeat: stretch;
            border-image-slice: 100;
        }
         #divImgT {
            border: 10px solid transparent;
            padding: 10px;
            border-image-source: url(/HTPictures/Generics/5-635757227429655487.jpg);
            border-image-repeat: round;
            border-image-slice: 100;
        }
</style>

<div id="divImgR">
        Border Image repeat.
    </div>
<br/>
<br/>
    <div id="divImgS">
        Border Image stretch.
    </div>
<br/>
<br/>
    <div id="divImgT">
        Border Image Round.
    </div>
<br/>
<br/>
    <p><img src="/HTPictures/Generics/5-635757227429655487.jpg" width="100" height="100"/>: This is the orginal Border image.</p>
</body>
</html>

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

CSS3 > Border-Image-Repeat Property

Write code here

Output