border-collapse using HTML attribute

Question

Is there an HTML attribute available equivalent to the CSS property border-collapse: collapse;?

I am trying to achieve the same 1px border with HTML only, and not using css.

table{
  border-collapse: collapse;
}

<table border="1px" cellpadding="3">
  <tr>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
  </tr>
  <tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
  </tr>
</table>

divy3993 · Answer 1 · 2016-08-01T05:23:18.583

12

You could try cellspacing.

<table border="1px" cellspacing="0" cellpadding="3">
  <tr>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
  </tr>
  <tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
  </tr>
</table>

Note: cellspacing doesn't overlap borders of adjacent cells, which CSS property does.

edited Aug 01 '16 at 05:23

answered Aug 01 '16 at 05:22

divy3993

5,732
2
28
41

So it's `cell-spacing` or `cellspacing`? – Justinas Aug 01 '16 at 05:23
@justinas Typo, Thank You though. – divy3993 Aug 01 '16 at 05:23
it is not possible to make exactly 1px border only with html ? – Felix A J Aug 01 '16 at 05:24
It does not accept decimals for pixels(like 0.5px), so **NO**. – divy3993 Aug 01 '16 at 05:26
Check [this](http://stackoverflow.com/questions/4308989/are-the-decimal-places-in-a-css-width-respected) for more. – divy3993 Aug 01 '16 at 05:27
@FelixAJ, I would like to know, why cant you use CSS? – divy3993 Aug 01 '16 at 05:28
@Felix A J, did you got, what you asking for? – divy3993 Mar 02 '17 at 18:56
@divy3993 `cellspacing` only makes it 2px border. – Felix A J Mar 05 '17 at 04:50

score 0 · Answer 2 · answered Aug 01 '16 at 05:22

0

You can use cellspacing or cellpadding but it's deprecated in HTML5

answered Aug 01 '16 at 05:22

Justinas

41,402
5
66
96

score 0 · Answer 3 · answered Aug 01 '16 at 05:29

i don't understand why you want to stop using CSS because that is what css do you can use boostrap the css is included inside. for more info go to w3chools

<div class="container">
  <h2>Basic Table</h2>
  <p>The .table class adds basic styling (light padding and only horizontal dividers) to a table:</p>
  <table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>
</div>

border-collapse using HTML attribute

3 Answers3