border-image property in CSS3

This property is used to set the Border Image.Only Internet Explorer is not support this property.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
div
{
border-width:12px;
width:300px;
padding:10px 30px;
}

#round
{
border-image:url("circle.jpg") 20 20 round;  /* For Google Chrome */
-moz-border-image:url("circle.jpg") 20 20 round; /*For Mozilla Firefox */
-webkit-border-image:url("circle.jpg") 20 20 round; /*For Safari */
-o-border-image:url("circle.jpg") 20 20 round; /* For Opera */
}

</style>
</head>
<body>
<div id="round">My Name is Mahak Garg</div>
</body>
</html>


Output:


1.png
Ebook Download
View all
Learn
View all