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 में बॉर्डर शॉर्टहैंड प्रॉपर्टी

    बॉर्डर प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के बॉर्डर प्रॉपर्टी को परिभाषित करने के लिए किया जाता है। यह बॉर्डर-चौड़ाई, बॉर्डर-शैली और बॉर्डर-रंग के लिए एक शॉर्टहैंड है। सिंटैक्स 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 ठोस पारदर्शी; }कंटेंटेडेबल बॉर्डर उदाहरण हटाएंयह एक संतोषजनक संपादन योग्य पैराग्राफ है जिसे आप संपादित कर सक