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

CSS के साथ बॉर्डर इमेज की चौड़ाई सेट करें


border-image-width प्रॉपर्टी का उपयोग CSS के साथ बॉर्डर इमेज की चौड़ाई सेट करने के लिए किया जाता है।

उदाहरण

border-image-width प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं:

<html>    <head>       <style>          #borderimg1 {             border: 15px solid transparent;             padding: 15px;             border-image-source: url(https://tutorialspoint.com/css/images/border.png);             border-image-repeat: round;             border-image-slice: 40;             border-image-width: 20px;          }       </style>    </head>    <body>       <p id = "borderimg1">यह इमेज बॉर्डर उदाहरण है।</p>    </body> </html>

  1. CSS से लेफ्ट बॉर्डर की चौड़ाई सेट करें CSS से लेफ्ट बॉर्डर की चौड़ाई सेट करें

    border-left-width प्रॉपर्टी का उपयोग किसी एलिमेंट के बाएं बॉर्डर की चौड़ाई सेट करने के लिए border-left-width प्रॉपर्टी का उपयोग किया जाता है। इसके लिए border-style भी परिभाषित होना चाहिए। उदाहरण <!DOCTYPE html> <html> <head> <style> p { border-style: dash

  1. - CSS से रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें

    CSS linear-gradient() फ़ंक्शन का उपयोग करके रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200p

  1. - CSS के साथ रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें

    radial-gradient() CSS फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें। यह फ़ंक्शन एक केंद्र बिंदु से बाहर की ओर फैलने वाला ग्रेडिएंट बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 200px; back