html - करण - एचटीएमएल परिभाषित



एक HTML तालिका पंक्ति पर सीमा देना,<tr> (4)

क्या एक तालिका पंक्ति को सीमाबद्ध करना संभव है, <tr> व्यक्तिगत कोशिकाओं को सीमा देने के बजाय एक बार में जाना, <td> जैसे,

<table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none">
    <tbody>
        <tr>
            <th style="width: 96px;">Column 1</th>
            <th style="width: 96px;">Column 2</th>
            <th style="width: 96px;">Column 3</th>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>

        <tr>
            <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;">&nbsp;</td>
            <td style="border-top: thin solid; border-bottom: thin solid;">&nbsp;</td>
            <td style="border-top: thin solid; border-bottom: thin solid; border-right: thin solid;">&nbsp;</td>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

यह दिए गए <tr> चारों ओर एक सीमा देता है लेकिन इसे अलग-अलग कोशिकाओं के चारों ओर एक सीमा की आवश्यकता होती है।

क्या हम केवल एक ही समय में <tr> को सीमा दे सकते हैं?

→ जेएसफ़ील्ड

https://src-bin.com


Answer #1

आप एक tr तत्व पर border गुण सेट कर सकते हैं, लेकिन सीएसएस 2.1 विनिर्देश के अनुसार, इस तरह के गुणों को पृथक सीमाओं मॉडल में कोई प्रभाव नहीं पड़ता है, जो ब्राउज़र में डिफ़ॉल्ट होता है। रेफरी .: 17.6.1 अलग सीमा मॉडल । ( border-collapse का प्रारंभिक मूल्य सीएसएस 2.1 के अनुसार separate , और कुछ ब्राउज़र भी इसे table लिए डिफ़ॉल्ट मान के रूप में सेट करते हैं। वैसे भी शुद्ध प्रभाव यह है कि जब तक आप स्पष्ट रूप से collapse नहीं करते हैं, तब तक आप लगभग सभी ब्राउज़रों पर अलग सीमा प्राप्त करते हैं।)

इस प्रकार, आपको ढहने वाली सीमाओं का उपयोग करने की आवश्यकता है। उदाहरण:

<style>
table { border-collapse: collapse; }
tr:nth-child(3) { border: solid thin; }
</style>

Answer #2

पूर्ण रूप से! महज प्रयोग करें

<tr style="outline: thin solid">

जिस पर आपको कभी भी पंक्ति पसंद है। यहाँ एक fiddle

बेशक, जैसा कि लोगों ने उल्लेख किया है, यदि आप चाहें तो आप इसे आईडी, या कक्षा, या किसी अन्य माध्यम से कर सकते हैं।


Answer #3

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

style="border-style:solid;border-width: 1px 1px 1px 0px;"

Answer #4

सीएसएस कक्षाओं का उपयोग करें:

tr.border{
    outline: thin solid;
}

और इसका उपयोग करें:

<tr class="border">...</tr>




html-table