स्टाइल बॉर्डरविड्थ संपत्ति
उदाहरण
<div> तत्व की चार सीमाओं की चौड़ाई बदलें:
document.getElementById("myDiv").style.borderWidth = "thick";
परिभाषा और उपयोग
बॉर्डरविड्थ गुण किसी तत्व की सीमा की चौड़ाई सेट या लौटाता है।
यह गुण एक से चार मान ले सकता है:
- एक मान, जैसे: p {सीमा-चौड़ाई: मोटा} - चारों बॉर्डर मोटे होंगे
- दो मान, जैसे: p {सीमा-चौड़ाई: मोटा पतला} - ऊपर और नीचे का बॉर्डर मोटा होगा, बाएँ और दाएँ बॉर्डर पतला होगा
- तीन मान, जैसे: p {सीमा-चौड़ाई: मोटा पतला माध्यम} - ऊपर का बॉर्डर मोटा होगा, बाएँ और दाएँ बॉर्डर पतला होगा, निचला बॉर्डर मध्यम होगा
- चार मान, जैसे: p {सीमा-चौड़ाई: मोटा पतला माध्यम 10px} - ऊपर का बॉर्डर मोटा होगा, दायां बॉर्डर पतला होगा, निचला बॉर्डर मध्यम होगा, बायां बॉर्डर 10px होगा
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
बॉर्डरविड्थ संपत्ति लौटाएं:
object.style.borderWidth
बॉर्डरविड्थ संपत्ति सेट करें:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | मध्यम |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की सीमा की चौड़ाई का प्रतिनिधित्व करता है |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
ऊपरी और निचले बॉर्डर की चौड़ाई को मोटे में बदलें, और बाएँ और दाएँ बॉर्डर को <div> तत्व के पतले में बदलें:
document.getElementById("myDiv").style.borderWidth = "thick thin";
उदाहरण
लंबाई मान का उपयोग करके <div> तत्व की चार सीमाओं की चौड़ाई बदलें :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
उदाहरण
<div> तत्व की सीमा की चौड़ाई लौटाएं:
alert(document.getElementById("myDiv").style.borderWidth);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर
सीएसएस संदर्भ: सीमा-चौड़ाई संपत्ति
एचटीएमएल डोम संदर्भ: सीमा संपत्ति
❮ स्टाइल ऑब्जेक्ट