border-collapse
संपत्ति पर इस्तेमाल के लिए है
display: table
display: inline-table
separate
(डिफ़ॉल्ट) - जिसमें सभी तालिका कोशिकाओं की अपनी स्वतंत्र सीमाएँ होती हैं और उन कोशिकाओं के बीच भी जगह हो सकती है।collapse
- जिसमें टेबल सेल्स के बीच का स्पेस और बॉर्डर दोनों गिर जाते हैं इसलिए केवल एक बॉर्डर है और सेल्स के बीच कोई स्पेस नहीं है।
जब border-collapse
है collapse
, यह ऐसा गुण उल्लेखनीय है border-spacing
और border-radius
(वास्तविक सीमाओं पर) कुछ भी नहीं करते। आप की आवश्यकता होगी border-collapse: separate;
अगर आप उन चीजों में से किसी की जरूरत है।
यहाँ एक उदाहरण है जहाँ आप दोनों के बीच स्वैप कर सकते हैं:
CodePen
पर क्रिस कॉयर (@chriscoyier) द्वारा राउंडेड सेल के साथ पेन टेबल देखें ।
ब्राउज़र का समर्थन
तत्वों (या तत्वों के माध्यम से या के रूप में एक मेज की तरह व्यवहार करने के लिए बनाया)। दो मूल्य हैं:क्रोम | सफारी | फ़ायर्फ़ॉक्स | ओपेरा | अर्थात | एंड्रॉयड | आईओएस |
---|---|---|---|---|---|---|
काम करता है | काम करता है | काम करता है | काम करता है | काम करता है | काम करता है | काम करता है |