Welcome Guest! (App Version 3.1)

websitnero logo name

Border Image

Border-Images in CSS3

Border-Image provides an image as border of an HTML element rather than simple line of a color. However, this property is not much used and I have not seen much implementation of it.

Still, CSS3 provides this feature and you may try adding an image to the border of any HTML element such as div or paragraph.

Example

<head>
<style>
div{
  height:200px;
  width:200px;
  padding:10px;
  border:20px solid transparent;
  border-image:url("borderImage.png") 30 round;
}
</style> 
</head>

<body> 
  <div>This is a div.</div>
</body>
WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.