कोई ऊर्ध्वाधर सेल सीमाओं के साथ तालिका

Question

मैं अपनी HTML तालिका केवल क्षैतिज सेल सीमाओं को दिखाने के लिए चाहूंगा। क्या कोई तरीका है जहां मैं ऊर्ध्वाधर सेल सीमाओं को छुपा सकता हूं ??

Answer 1

मान लें कि आप पुरानी शैली <table border="1"> का उपयोग कर रहे हैं, इसे <table border="1" rules="rows"> बनाएं।

Answer 2

आप सीएसएस के माध्यम से tr टैग स्टाइल करके कड़ाई से क्षैतिज सीमा रेखा जोड़ सकते हैं।

उदाहरण सीएसएस:

tr { 
    border-bottom: 1px solid black; 
    border-top: 1px solid black; 
    border-collapse: collapse; 
}​ 

बेशक

, आप किसी भी बॉर्डर शैली/चौड़ाई/रंग आप चुनते उपयोग कर सकते हैं।

जे एस फिडल: http://jsfiddle.net/XPyzM/

Answer 3

table, th, td { 
    border-left: none; 
    border-right: none; 
} 

Answer 4

आप सीएसएस के माध्यम से टीआर टैग स्टाइल से सख्ती से क्षैतिज बॉर्डर लाइनों जोड़ सकते हैं।

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX 
> 

Answer 5

<style> 
    td {border-left: 1px solid black;} 
</style>