एचटीएमएल

Question

में आंतरिक तालिका सीमा सेट करें मैं "आंतरिक सीमा" कैसे सेट करूं - विभिन्न कोशिकाओं के बीच की सीमा।

शैली विशेषताओं को सेट करके मैं बाहरी सीमा को नियंत्रित करने के लिए प्रबंधन करता हूं, लेकिन आंतरिक सीमा केवल उसी ग्रे रंग और एक ही चौड़ाई में रहता है। आंतरिक सीमा को नियंत्रित करने के लिए मुझे किस गुण को ट्विक करना चाहिए?

Answer 1

आपको <td> तत्व शैली बनाने की आवश्यकता है।

W3C website

Answer 2

साधारण टेबल मार्कअप के लिए पर एक नजर डालें, यहाँ एक छोटी समाधान है कि सभी उपकरणों पर काम करता है/BrowserStack पर ब्राउज़रों, IE 7 और नीचे को छोड़कर:

table { border-collapse: collapse; } 

td + td, 
th + th { border-left: 1px solid; } 
tr + tr { border-top: 1px solid; } 

IE 7 समर्थन के लिए , इस जोड़ें:

tr + tr > td, 
tr + tr > th { border-top: 1px solid; } 

एक परीक्षण का मामला यहां देखा जा सकता: http://codepen.io/dalgard/pen/wmcdE