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