सीएसएस बॉर्डर चौड़ाई

सीएसएस बॉर्डर चौड़ाई

border-width इस गुण के द्वारा चार बॉर्डर की विडथ को निर्धारित किया जाता है。

विडथ को विशेष आकार (px, pt, cm, em के साथ) निर्धारित किया जा सकता है या निम्नलिखित तीन पूर्व-निर्धारित मानों में से एक का उपयोग किया जा सकता है: thin, medium या thick:

इंस्टांस

विभिन्न बॉर्डर-विडथ का प्रदर्शन:

p.one {
  border-style: solid;
  बॉर्डर-विडथ: 5px;
}
p.two {
  border-style: solid;
  बॉर्डर-विडथ: मध्यम;
}
p.three {
  बॉर्डर-स्टाइल: डॉटेड;
  बॉर्डर-विडथ: 2px;
} 
p.four {
  बॉर्डर-स्टाइल: डॉटेड;
  बॉर्डर-विडथ: घन;
}

परिणाम:

5px बॉर्डर-विडथ

मध्यम बॉर्डर-विडथ

2px बॉर्डर-विडथ

घन बॉर्डर-विडथ

स्वयं प्रयोग करें

विशेष बॉर्डर की चौड़ाई

border-width गुण को एक से चार मान सेट किया जा सकता है (ऊपरी बॉर्डर, दायाँ बॉर्डर, नीचे बॉर्डर और बाईं बॉर्डर के लिए) :

इंस्टांस

p.one {
  border-style: solid;
  border-width: 5px 20px; /* ऊपरी और नीचे बॉर्डर 5px, अन्य बॉर्डर 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* ऊपरी और नीचे बॉर्डर 20px, अन्य बॉर्डर 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* ऊपरी बॉर्डर 25px, दायाँ बॉर्डर 10px, नीचे बॉर्डर 4px, बाईं बॉर्डर 35px */
}

स्वयं प्रयोग करें