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

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

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

  1. सीएसएस के साथ एक छवि में सीमा कैसे जोड़ें?

    CSS का उपयोग करके किसी छवि में बॉर्डर जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <style> img {    border: 8px solid rgb(0, 238, 255);    width: 400px;    height: 400px; } </style> </head> <body> <h

  1. सीएसएस के साथ एक संपादन योग्य तत्व से सीमा को कैसे हटाएं?

    एक संपादन योग्य तत्व से सीमा को हटाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } p{ फ़ॉन्ट-आकार:40पीएक्स; } [संतोषजनक] { रूपरेखा:0px ठोस पारदर्शी; }कंटेंटेडेबल बॉर्डर उदाहरण हटाएंयह एक संतोषजनक संपादन योग्य पैराग्राफ है जिसे आप संपादित कर सक