CSS3 में बॉर्डर इमेज जोड़ने के लिए border-image प्रॉपर्टी का उपयोग करें। यह निम्नलिखित प्रॉपर्टीज के लिए एक शॉर्टहैंड प्रॉपर्टी है:
border-image-source border-image-slice border-image-width border-image-outset border-image-repeat
मान निम्न प्रकार से सेट किए जा सकते हैं:
border-image: source slice width outset repeat|initial|inherit;
उदाहरण
आइए एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <style> #demo { border: 20px solid; padding: 20px; border-image: url(https://www.tutorialspoint.com/images/home_ai_python.png) 20 round; } </style> </head> <body> <h1>PyTorch Tutorial</h1> <p>PyTorch पायथन के लिए एक ओपन सोर्स मशीन लर्निंग लाइब्रेरी है और यह पूरी तरह से Torch पर आधारित है।</p> <p id="demo">इसका उपयोग मुख्य रूप से नेचुरल लैंग्वेज प्रोसेसिंग जैसे अनुप्रयोगों के लिए किया जाता है।</p> </body> </html>
आउटपुट
दूसरा उदाहरण
आइए एक और उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <style> #demo { border: 20px solid; padding: 20px; border-image: url(https://www.tutorialspoint.com/images/home_pytorch.png) 40% round; } </style> </head> <body> <h1>TensorFlow Tutorial</h1> <p>TensorFlow सभी डेवलपर्स के लिए एक ओपन सोर्स मशीन लर्निंग फ्रेमवर्क है। इसका उपयोग मशीन लर्निंग और डीप लर्निंग अनुप्रयोगों को लागू करने के लिए किया जाता है।</p> <p id="demo"> कृत्रिम बुद्धिमत्ता पर आकर्षक विचारों पर शोध और विकास के लिए, Google टीम ने TensorFlow बनाया। </p> </body> </html>
आउटपुट
