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

CSS border-image प्रॉपर्टी


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

उदाहरण

<html>    <head>       <style>          #borderimg1 {             border: 15px solid transparent;             padding: 15px;             border-image: url(https://tutorialspoint.com/css/images/border.png) 50 round;          }       </style>    </head>    <body>       <p id = "borderimg1">यह इमेज बॉर्डर उदाहरण है।</p>    </body> </html>

  1. CSS Borders: बॉर्डर स्टाइल, कलर, विड्थ और शॉर्टहैंड का पूरा गाइड CSS Borders: बॉर्डर स्टाइल, कलर, विड्थ और शॉर्टहैंड का पूरा गाइड

    CSS Borders का परिचय वेब पेज पर एलिमेंट्स के चारों ओर बॉर्डर जोड़ना वेब डिज़ाइन की एक महत्वपूर्ण विशेषता है। बॉर्डर्स का उपयोग वेब पेज की सामग्री को अलग करने के लिए किया जा सकता है, जिससे लोगों के लिए पेज पर प्रस्तुत जानकारी को समझना आसान हो जाता है। CSS border प्रॉपर्टी का उपयोग HTML एलिमेंट का बॉ

  1. CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं

    CSS में border-image प्रॉपर्टी को पहली बार में समझना थोड़ा मुश्किल हो सकता है। इस लेख में, हम चर्चा करेंगे कि border-image प्रॉपर्टी क्या है, इसका उपयोग कैसे करें, और विभिन्न ब्राउज़रों में इसका उपयोग करते समय इसकी विचित्रताएं। बॉर्डर-इमेज शॉर्टहैंड सिंटैक्स border-image: url(image.jpg) 25% / 70px

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

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