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: 50;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

  1. CSS में बॉर्डर शॉर्टहैंड प्रॉपर्टी

    बॉर्डर प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के बॉर्डर प्रॉपर्टी को परिभाषित करने के लिए किया जाता है। यह बॉर्डर-चौड़ाई, बॉर्डर-शैली और बॉर्डर-रंग के लिए एक शॉर्टहैंड है। सिंटैक्स CSS बॉर्डर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { बॉर्डर:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS बॉर्डर प्रॉपर्ट

  1. सीएसएस में रूपरेखा बनाम सीमाएँ

    Outline में जगह नहीं होती है और अगर सेट किया जाता है तो इसे बॉर्डर के आसपास दिखाया जाता है। इसका उपयोग तत्वों को हाइलाइट करने के लिए किया जाता है और हम यह निर्दिष्ट नहीं कर सकते कि अलग-अलग पक्षों की रूपरेखा होनी चाहिए या नहीं। सीमाओं की तरह, रूपरेखा डिफ़ॉल्ट रूप से प्रदर्शित नहीं होती है। कुछ ब्राउज

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

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