Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS3 बॉर्डर इमेज जोड़ना

<घंटा/>

CSS3 में बॉर्डर इमेज जोड़ने के लिए, बॉर्डर-इमेज प्रॉपर्टी का उपयोग करें। यह निम्नलिखित गुणों के लिए एक आशुलिपि संपत्ति है -

बॉर्डर-इमेज-सोर्सबॉर्डर-इमेज-स्लाइसबॉर्डर-इमेज-चौड़ाईबॉर्डर-इमेज-आउटसेटबॉर्डर-इमेज-रिपीट

मानों को इस प्रकार सेट किया जा सकता है;

बॉर्डर-इमेज:सोर्स स्लाइस चौड़ाई आउटसेट रिपीट|प्रारंभिक|विरासत;

उदाहरण

आइए अब एक उदाहरण देखें -

PyTorch Tutorial

PyTorch पायथन के लिए एक ओपन सोर्स मशीन लर्निंग लाइब्रेरी है और पूरी तरह से टॉर्च पर आधारित है।

यह मुख्य रूप से प्राकृतिक भाषा प्रसंस्करण जैसे अनुप्रयोगों के लिए उपयोग किया जाता है।

आउटपुट

CSS3 बॉर्डर इमेज जोड़ना

उदाहरण

आइए अब एक और उदाहरण देखें -

TensorFlow Tutorial

TensorFlow सभी डेवलपर्स के लिए एक ओपन सोर्स मशीन लर्निंग फ्रेमवर्क है। इसका उपयोग मशीन लर्निंग और डीप लर्निंग एप्लिकेशन को लागू करने के लिए किया जाता है।

आर्टिफिशियल इंटेलिजेंस पर आकर्षक विचारों को विकसित करने और शोध करने के लिए, Google टीम ने TensorFlow बनाया।

आउटपुट

CSS3 बॉर्डर इमेज जोड़ना


  1. CSS3 का उपयोग करके बॉक्स-साइज़िंग के साथ लेआउट बनाना

    CSS3 का उपयोग करके बॉक्स-साइज़िंग लेआउट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body{    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .container{    width: 500px;    border:8px soli

  1. CSS3 के साथ एकाधिक पृष्ठभूमि जोड़ना

    कई बैकग्राउंड जोड़ने के लिए, CSS में बैकग्राउंड-इमेज प्रॉपर्टी का इस्तेमाल करें। एकाधिक पृष्ठभूमि जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {

  1. CSS में बॉर्डर इमेज कैसे बनाएं

    सीएसएस में बॉर्डर इमेज बनाने के लिए, बॉर्डर-इमेज प्रॉपर्टी का इस्तेमाल करें। CSS में बॉर्डर इमेज बनाने के लिए कोड निम्नलिखित है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif;}.border1 { बॉर्डर:10px सॉलिड ट्रांसपेरेंट; पैडिंग:15 पीएक्स; बॉर्डर-इमेज:url (https://i.picsum.ph