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

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

border-width गुण आपको तत्व बॉर्डर्स की चौड़ाई सेट करने की अनुमति देता है। इस गुण का मान px, pt या cm में लंबाई हो सकती है या इसे thin, medium या thick पर सेट किया जाना चाहिए।

उदाहरण

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

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px; border-style:solid;">
      David Beckham is a legend.
    </p>
    <p style="border-width:4pt; border-style:dashed;">
      Sachin Tendulkar is a legend.
    </p>
  </body>
</html>
  1. - CSS के साथ एलिमेंट्स के लिए इमेज को बॉर्डर के रूप में सेट करें

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

  1. - CSS से नेवबार के चारों ओर बॉर्डर सेट करें

    नेवबार पर बॉर्डर लगाना नेविगेशन बार (<ul>) के चारों ओर बॉर्डर जोड़ने के लिए border प्रॉपर्टी को <ul> पर लागू करें। शॉर्टहैंड ul { border: 2px solid blue; } पूर्ण उदाहरण <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none;

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

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