border-image property in CSS3

By Mahak Gupta Mar 31, 2012
This property is used to set the Border Image.
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
Mahak Gupta

My name is Mahak Gupta. I am a C# Corner MVP.

COMMENT USING

PREMIUM SPONSORS

Hire Mobile & Web Developer on demand. 100% satisfaction. Try for 1 week or Money Back. Local and remote developers available all over USA.

Latest Blogs