सीमा-पतन - सीएसएस-ट्रिक्स

Anonim

border-collapseसंपत्ति पर इस्तेमाल के लिए है

display: table display: inline-table
  • separate (डिफ़ॉल्ट) - जिसमें सभी तालिका कोशिकाओं की अपनी स्वतंत्र सीमाएँ होती हैं और उन कोशिकाओं के बीच भी जगह हो सकती है।
  • collapse - जिसमें टेबल सेल्स के बीच का स्पेस और बॉर्डर दोनों गिर जाते हैं इसलिए केवल एक बॉर्डर है और सेल्स के बीच कोई स्पेस नहीं है।

जब border-collapseहै collapse, यह ऐसा गुण उल्लेखनीय है border-spacingऔर border-radius(वास्तविक सीमाओं पर) कुछ भी नहीं करते। आप की आवश्यकता होगी border-collapse: separate;अगर आप उन चीजों में से किसी की जरूरत है।

यहाँ एक उदाहरण है जहाँ आप दोनों के बीच स्वैप कर सकते हैं:


CodePen
पर क्रिस कॉयर (@chriscoyier) द्वारा राउंडेड सेल के साथ पेन टेबल देखें ।

ब्राउज़र का समर्थन

तत्वों (या तत्वों के माध्यम से या के रूप में एक मेज की तरह व्यवहार करने के लिए बनाया)। दो मूल्य हैं:
क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
काम करता है काम करता है काम करता है काम करता है काम करता है काम करता है काम करता है