Articles → CSS → border-image property in CSS

border-image property in CSS






Purpose





Example


<!DOCTYPE html>
<html>

<head>
	<style>
	#brdrImage {
		border: 10px solid transparent;
		padding: 15px;
		border-image: url(http://gyansangrah.com/ArticleImages/border_radius_property_css3_one.jpg) 30 round;
	}
	</style>
</head>

<body>
	<p id="brdrImage">Border with Image.</p>
</body>

</html>



Output


Picture showing the output of border-image property in CSS

Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Monday, June 22, 2020

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250