CSS बॉर्डर-कोलाप्स प्रतियोगिता
- पिछला पृष्ठ border-bottom-width
- अगला पृष्ठ बॉर्डर-कलर
वर्णन और उपयोग
border-collapse गुण तालिका की किनारा को एक अकेला किनारा के रूप में मिलने देता है या नहीं, या मानक HTML की तरह अलग-अलग दिखाए जाता है।
और देखें:
CSS पाठ्यक्रम:CSS तालिका
HTML DOM संदर्भ दस्तावेज़:borderCollapse गुण
उदाहरण
तालिका के लिए बोर्डर कोलैप्स मॉडल सेट करें:
table { border-collapse:collapse; }
CSS व्याकरण
border-collapse: separate|collapse|initial|inherit;
गुण मान
मान | वर्णन |
---|---|
separate | मूलभूत मान। किनारा अलग-अलग दिखाए जाएंगे। border-spacing और empty-cells गुण को नज़रअंदाज़ नहीं किया जाएगा。 |
collapse | संभव होने पर, किनारा एक अकेला किनारा के रूप में मिल जाएगा। border-spacing और empty-cells गुण को नज़रअंदाज़ कर दिया जाएगा。 |
inherit | border-collapse गुण के मान को पितृ तत्व से विरासत करना निर्दिष्ट करता है。 |
तकनीकी विवरण
मूलभूत मान: | separate |
---|---|
विरासत की गुणता: | yes |
संस्करण: | CSS2 |
JavaScript व्याकरण: | object.style.borderCollapse="collapse" |
अधिक उदाहरण
- तालिका की किनारा मिलाना
- इस उदाहरण में दिखाया गया है कि क्या तालिका की किनारा एक अलग किनारा के रूप में दिखाई देंगी या इसे मानक HTML की तरह अलग-अलग दिखाया जाएगा。
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के पूर्णता से समर्थन करने वाले पहले ब्राउज़र का संस्करण को निर्देशित करते हैं。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
- पिछला पृष्ठ border-bottom-width
- अगला पृष्ठ बॉर्डर-कलर