स्टाइल बॉर्डरसंपत्ति संक्षिप्त करें
उदाहरण
टेबल बॉर्डर को छोटा करें:
document.getElementById("myTable").style.borderCollapse = "collapse";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
BorderCollapse गुण सेट करता है या लौटाता है कि टेबल बॉर्डर को एक ही बॉर्डर में संक्षिप्त किया जाना चाहिए या नहीं।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
वाक्य - विन्यास
बॉर्डर कोलैप्स प्रॉपर्टी लौटाएं:
object.style.borderCollapse
सीमा सेट करेंसंपत्ति संपत्ति:
object.style.borderCollapse = "separate|collapse|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
separate | Separate borders are drawn for all table cell elements. This is default |
collapse | Borders are not drawn between table cell elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | अलग |
---|---|
प्रतिलाभ की मात्रा: | तालिका की सीमाओं का प्रतिनिधित्व करने वाला एक स्ट्रिंग |
सीएसएस संस्करण | सीएसएस 2 |
और ज्यादा उदाहरण
उदाहरण
बॉर्डर कोलैप्स प्रॉपर्टी लौटाएं:
alert(document.getElementById("myTable").style.borderCollapse);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस टेबल
सीएसएस संदर्भ: सीमा-पतन संपत्ति