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

CSS से छवि बॉर्डर की चौड़ाई सेट करें

border गुण छवि बॉर्डर की चौड़ाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। शून्य पिक्सेल की चौड़ाई का अर्थ है कोई बॉर्डर नहीं।

उदाहरण

निम्न कोड चलाकर छवि बॉर्डर की चौड़ाई सेट करें:

<html>
  <head>
  </head>
  <body>
    <img style="border:0px;" src="/css/images/logo.png" />
    <br />
    <img style="border:4px dashed green;" src="/css/images/logo.png" />
  </body>
</html>
  1. - CSS के साथ बॉर्डर इमेज की चौड़ाई सेट करें

    border-image-width प्रॉपर्टी का उपयोग CSS के साथ बॉर्डर इमेज की चौड़ाई सेट करने के लिए किया जाता है। उदाहरण border-image-width प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>          #borderim

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

    CSS के साथ बॉर्डर इमेज को स्लाइस करने के लिए border-image-slice प्रॉपर्टी का उपयोग किया जाता है। border-image-slice प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #borderimg1 {

  1. - CSS width प्रॉपर्टी से बटन की चौड़ाई सेट करें

    CSS width प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) की निश्चित चौड़ाई सेट की जा सकती है। यह बटन के आकार को कंटेंट से स्वतंत्र बनाता है और लेआउट में स्थिरता प्रदान करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर width: 120px के साथ अन्य स्टाइल्स (गोल कोने, डैश्ड बॉर्डर) लागू किए गए हैं। <!DOC