त्रि तत्व के आसपास की सीमा नहीं दिखाती है?

Question

ऐसा लगता है कि क्रोम / फ़ायरफ़ॉक्स सीमाओं को प्रस्तुत नहीं करता है tr, लेकिन यह चयनकर्ता को सीमा प्रदान करता है table tr td।

मैं एक ट्रे पर सीमा कैसे निर्धारित कर सकता हूं?

मेरी कोशिश, जो काम नहीं करता है:

table tr {
  border: 1px solid black;
}

<table>
  <tbody>
    <tr>
      <td>
        Text
      </td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/edi9999/VzPN2/

यह एक ऐसा ही सवाल है: बॉर्डर को टेबल ट्रे में सेट करें, IE 6 और 7 को छोड़कर हर चीज में काम करता है , लेकिन यह IE को छोड़कर हर जगह काम करता है।

Comments

मैं फ़ायरफ़ॉक्स का उपयोग कर रहा हूं और मुझे एक सीमा नहीं दिख रही है

— Speedysnail6

Answer 1

इसे स्टाइलशीट में जोड़ें:

table {
  border-collapse: collapse;
}

जेएसफिल्ड ।

इस तरह से व्यवहार करने का कारण वास्तव में विनिर्देश में बहुत अच्छी तरह से वर्णित है :

CSS में टेबल सेल पर बॉर्डर सेट करने के लिए दो अलग-अलग मॉडल हैं। एक व्यक्तिगत कोशिकाओं के चारों ओर तथाकथित अलग-अलग सीमाओं के लिए सबसे उपयुक्त है, दूसरा उन सीमाओं के लिए उपयुक्त है जो तालिका के एक छोर से दूसरे तक निरंतर हैं।

... और बाद में, collapseसेटिंग के लिए:

ढहते सीमा मॉडल में, उन सीमाओं को निर्दिष्ट करना संभव है जो किसी सेल, पंक्ति, पंक्ति समूह, स्तंभ और स्तंभ समूह के सभी या भाग को घेरते हैं।

Comments

आखिर क्यों छिपाया गया था बॉर्डर?

— edi9999

क्योंकि वह कैसे separate- डिफ़ॉल्ट - टेबल बॉर्डर मॉडल काम करता है: आप प्रत्येक सेल के लिए सीमाएँ निर्दिष्ट करते हैं। मैं प्रलेखन से उद्धरण के साथ उत्तर को अपडेट करूंगा।

— बारिश

@ edi9999 - मैं रीसेट स्टाइलशीट का उपयोग करने की सलाह देता हूं। इसे बाहर की जाँच करें http://www.cssreset.com/

— ब्लैक शीप

सीमा को क्यों छिपाया गया था इसका विशिष्ट विवरण सीएसएस के इस कथन का उल्लेख है, जिसे अलग-अलग बॉर्डर्स मॉडल में लागू करने के रूप में प्रस्तुत किया गया है: "पंक्तियों, स्तंभों, पंक्ति समूहों और स्तंभ समूहों में बॉर्डर नहीं हो सकते (अर्थात, उपयोगकर्ता एजेंटों को सीमा को अनदेखा करना चाहिए। उन तत्वों के लिए गुण) ”

— जुका के। कोर्पेला

अपने फिडलर उदाहरण के साथ खेलने में मदद मिली, धन्यवाद;)

— ज़िक 2