CSS बॉर्डर-इमेज प्रॉपर्टी का उपयोग कुछ तत्वों में इमेज बॉर्डर जोड़ने के लिए किया जाता है। छवि को तत्वों के लिए सीमा के रूप में सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:
उदाहरण
<html>
<head>
<style>
#borderimg1 {
border: 10px solid transparent;
padding: 15px;
border-image-source: url(/css/images/border.png);
border-image-repeat: round;
border-image-slice: 30;
border-image-width: 10px;
}
#borderimg2 {
border: 10px solid transparent;
padding: 15px;
border-image-source: url(/css/images/border.png);
border-image-repeat: round;
border-image-slice: 30;
border-image-width: 20px;
}
#borderimg3 {
border: 10px solid transparent;
padding: 15px;
border-image-source: url(/css/images/border.png);
border-image-repeat: round;
border-image-slice: 30;
border-image-width: 30px;
}
</style>
</head>
<body>
<p id = "borderimg1">This is image border example.</p>
<p id = "borderimg2">This is image border example.</p>
<p id = "borderimg3">This is image border example.</p>
</body>
</html>