सीमा-पतन के दौरान कोशिकाओं की बजाय स्टाइल पंक्ति या स्तंभ: अलग

Question

मेरे पास एक सारणी है जो अन्य कारणों से मैं टेबल-पतन को रखना पसंद करता हूं: अलग। हालांकि, मैं एक व्यक्तिगत पंक्ति या कॉलम को हाइलाइट करने में सक्षम होना चाहता हूं। दुर्भाग्यवश, ऐसा लगता है कि <tr> या <col> टैग पर लागू कोई भी शैली केवल कोशिकाओं पर लागू होती है, न कि उनके बीच की जगह। 5 खड़ी कोशिकाओं के साथ एक बैंगनी तालिका में

<style> 
    td { width: 10px; height: 10px; } 
</style> 
<table style="background-color: purple"> 
    <colgroup> 
    <col span="2"> 
    <col style="background-color: red;"> 
    <col span="2"> 
    <colgroup> 
    <tr><td><td><td><td><td></tr> 
    <tr><td><td><td><td><td></tr> 
    <tr style="background-color: orange;"><td><td><td><td><td></tr> 
    <tr><td><td><td><td><td></tr> 
    <tr><td><td><td><td><td></tr> 
</table> 

परिणाम और 5 क्षैतिज रंग से भरा कोशिकाओं लेकिन संपूर्ण पंक्ति या स्तंभ: उदाहरण के लिए।

क्या मेरे पास सीमा-पतन का उपयोग करने के अलावा कोई विकल्प है: किसी दिए गए पंक्ति या कॉलम में कक्षों के बीच उस स्थान को भरने के लिए पतन?

Answer 1

यदि आप निरंतर पंक्ति चौड़ाई का उपयोग करते हैं, तो आप कुछ पंक्तियों की सभी कोशिकाओं को एक एकल सेल में विलय करने के लिए colspan का उपयोग कर सकते हैं, और फिर अपनी पसंद के पृष्ठभूमि रंग के साथ अलग सीमाओं के साथ इसमें एक नई तालिका बना सकते हैं।

Answer 2

border-collapse: separate साथ नहीं

, W3C specifications sates यह वास्तव में:

ध्यान दें कि यदि तालिका 'बॉर्डर-पतन: अलग' है, 'बॉर्डर-रिक्ति' द्वारा दिए गए क्षेत्र की पृष्ठभूमि संपत्ति हमेशा होता है तालिका तत्व की पृष्ठभूमि। separated borders model देखें।

और:

में [सीमा रिक्ति] अंतरिक्ष, पंक्ति, कॉलम, पंक्ति समूह, और स्तंभ समूह पृष्ठभूमि अदृश्य हैं, टेबल पृष्ठभूमि के माध्यम से दिखा सकता है। पंक्तियां, कॉलम, पंक्ति समूह, और कॉलम समूहों में सीमाएं नहीं हो सकती हैं (यानी, उपयोगकर्ता एजेंटों को उन तत्वों के लिए सीमा गुणों को अनदेखा करना होगा)।

आप तालिका सीएसएस पर ब्राउज़र संगतता जांच करना चाह सकते:

• Table CSS properties
• Table column CSS properties

Answer 3

table-collapse: separate cellspacing के साथ थोड़े इस कारण के लिए बेकार है। आप सीमाओं को ध्वस्त करने और सीएसएस में व्यक्तिगत कोशिकाओं को मैन्युअल रूप से पैड करने से बेहतर तरीके से बेहतर हैं।