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

CSS के साथ बॉर्डर इमेज को स्लाइस करें

CSS के साथ बॉर्डर इमेज को स्लाइस करने के लिए border-image-slice प्रॉपर्टी का उपयोग किया जाता है। border-image-slice प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं:

उदाहरण

<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">यह इमेज बॉर्डर उदाहरण है।</p>    </body> </html>

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

    border प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह border-width, border-style और border-color के लिए एक शॉर्टहैंड है। सिंटैक्स CSS border प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    border: /*value*/ } उदाहरण निम्नलिखित उदाहरण C

  1. CSS से इमेज पर बॉर्डर कैसे जोड़ें? CSS से इमेज पर बॉर्डर कैसे जोड़ें?

    CSS से इमेज पर बॉर्डर जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> img {    border: 8px solid rgb(0, 238, 255);    width: 400px;    height: 400px; } </style> </head> <body> <h1>Border Around Imag

  1. CSS से एडिटेबल एलिमेंट का बॉर्डर कैसे हटाएं? CSS से एडिटेबल एलिमेंट का बॉर्डर कैसे हटाएं?

    एडिटेबल एलिमेंट से बॉर्डर हटाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    p{       font-size: