सीएसएस विकल्प tfoot करने के लिए सीमा लागू करने के लिए? के साथ "बॉर्डर-शीर्ष" tfoot स्टाइल

Question

काम नहीं करता है एक सीमा से प्रस्तुत नहीं होती जब मैं tfoot करने के लिए एक सीएसएस सीमा संपत्ति लागू (border-top, border-bottom, border, आदि, कोई भी एक सीमा प्रस्तुत करना)

क्या विकल्प हैं वहाँ tfoot या tbody पर सीमा प्रस्तुत करने के लिए? tbody या tfoot पर सीमा लागू कर रहा है?

नीचे नमूना सीएसएस + एचटीएमएल, क्रोम 18, फ़ायरफ़ॉक्स 9 या आईई 9 में कोई सीमा प्रदान नहीं की जाती है।

<style> 
table.sample tfoot 
{ 
border-top: 2px solid black; 
} 
</style> 
<table class="sample"> 
<thead> 
<tr> 
    <td>Date</td><td>DataX</td><td>DataY</td><td>DataZ</td> 
</tr> 
</thead> 
<tfoot> 
<tr> 
    <td colspan="3">Average:</td><td>100</td> 
</tr> 
</tfoot> 
<tbody> 
<tr> 
    <td>Feb1</td><td>22</td><td>333</td><td>44</td> 
</tr> 
<tr> 
    <td>Feb2</td><td>66</td><td>77</td><td>88</td> 
</tr> 
</tbody> 
</table> 

Answer 1

कोशिकाओं के अंदर

table { 
border-collapse: collapse; 
} 

और धुन गद्दी के रूप में जोड़ें की जरूरत है।

Answer 2

आप टीफुट और टैक्सी के लिए सीमाएं लागू कर सकते हैं।

सबूत के लिए निम्नलिखित पहेली देखें! (कोशिकाओं के बीच डिफ़ॉल्ट रिक्ति के नुकसान के साथ क्षतिपूर्ति करने के लिए)

http://jsfiddle.net/KHx24/

प्रयास करें

<style type="text/css"> 
    table.sample tfoot 
    { 
     border-top: 2px solid black; 
    } 
</style>