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

CSS border-image-slice


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: 50;          }       </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 में आउटलाइन बनाम बॉर्डर

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

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

    CSS में बॉर्डर इमेज बनाने के लिए, border-image प्रॉपर्टी का उपयोग करें। CSS में बॉर्डर इमेज बनाने का कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .border1 {