स्टाइल borderWidth गुण
- पिछला पृष्ठ borderTopWidth
- अगला पृष्ठ बोटम
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
borderWidth गुण एलिमेंट के किनारे की चौड़ाई को सेट करता या वापस देता है。
इस गुण को एक से चार मान अपना सकता है:
- एक मान, उदाहरण के लिए: p {border-width: thick} - सभी चार किनारे कठोर हैं
- दो मान, जैसे: p {border-width: thick thin} - ऊपरी और नीचे किनारा भारी, दाएँ और बाएँ किनारा सूक्ष्म
- तीन मान, जैसे: p {border-width: thick thin medium} - ऊपरी किनारा भारी, दाएँ और बाएँ किनारा सूक्ष्म, नीचे किनारा मध्यम
- चार मान, जैसे: p {border-width: thick thin medium 10px} - ऊपरी किनारा भारी, दाएँ किनारा सूक्ष्म, नीचे किनारा मध्यम, बाएँ किनारा 10px
और देखें:
CSS पाठ्यक्रम:CSS बॉर्डर
CSS संदर्भ दस्तावेज़:border-width गुण
HTML DOM संदर्भ दस्तावेज़:border गुण
उदाहरण
उदाहरण 1
<div> एलिमेंट के चारों किनारों की चौड़ाई को बदलें:
document.getElementById("myDiv").style.borderWidth = "thick";
उदाहरण 2
<div> एलिमेंट के ऊपरी और निचले किनारों की चौड़ाई को भारी और बाएँ और दाएँ किनारों को सूक्ष्म करें:
document.getElementById("myDiv").style.borderWidth = "thick thin";
उदाहरण 3
चौड़ाई के आकार के आधार पर <div> एलिमेंट के चारों किनारों की चौड़ाई को बदलें:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
उदाहरण 4
वापसी <div> एलिमेंट की किनारा चौड़ाई:
alert(document.getElementById("myDiv").style.borderWidth);
व्याकरण
borderWidth गुण वापस करें:
object.style.borderWidth
borderWidth गुण सेट करें:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
| मान | वर्णन |
|---|---|
| thin | सूक्ष्म किनारा निर्धारित करें |
| medium | मध्यम किनारा निर्धारित करें। डिफ़ॉल्ट |
| thick | भारी किनारा निर्धारित करें |
| length | आकार के आधार पर किनारा चौड़ाई |
| initial | इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial。 |
| inherit | इस गुण को उसके पैरंट एलिमेंट से अनुवर्तित करें। देखें inherit。 |
तकनीकी विवरण
| डिफ़ॉल्ट मान： | medium |
|---|---|
| वापसी मान： | शब्द, जो एलिमेंट की किनारा चौड़ाई को प्रदर्शित करता है。 |
| CSS संस्करण： | CSS1 |
ब्राउज़र समर्थन
| च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
| सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
- पिछला पृष्ठ borderTopWidth
- अगला पृष्ठ बोटम
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
