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

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


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

उदाहरण

आप सीमा-छवि-चौड़ाई संपत्ति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

<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">This is image border example.</p>
   </body>
</html>

  1. CSS का उपयोग करके बाएँ बॉर्डर की चौड़ाई निर्धारित करें

    बाएँ बॉर्डर की चौड़ाई सेट करने के लिए, बॉर्डर-बाएँ-चौड़ाई . का उपयोग करें सीएसएस में संपत्ति। सीमा-बाएं-चौड़ाई . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html>    <head>       <style>    

  1. सीएसएस के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें

    रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

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

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb