gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

info on table borders (#20245)

Browse Source 
Some info and code is provided on table borders and adjusting them.
This commit is contained in:
allenpbiju
2018-10-28 23:47:18 +05:30
committed by Tom
parent 6985e4942b
commit 4dd798de05
1 changed files with 77 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
guide/english/html/tables/index.md
View File

@@ -92,7 +92,83 @@ Result:
</tbody>
</table>
## Adding/Removing table border
The table border width can be increased/decreased using the table border attribute.
### Table Border Example
```html
<table border = "1">
<tr>
<th>Fruits</th>
<th>Quantity</th>
</tr>
<tr>
<td>Apple</td>
<td>2</td>
</tr>
</table>
```
Result:
<table border = "1">
<tr>
<th>Fruits</th>
<th>Quantity</th>
</tr>
<tr>
<td>Apple</td>
<td>2</td>
</tr>
</table>
```html
<table border = "0">
<tr>
<th>Fruits</th>
<th>Quantity</th>
</tr>
<tr>
<td>Apple</td>
<td>2</td>
</tr>
</table>
```
Result:
<table border = "0">
<tr>
<th>Fruits</th>
<th>Quantity</th>
</tr>
<tr>
<td>Apple</td>
<td>2</td>
</tr>
</table>
```html
<table border = "2">
<tr>
<th>Fruits</th>
<th>Quantity</th>
</tr>
<tr>
<td>Apple</td>
<td>2</td>
</tr>
</table>
```
Result:
<table border = "2">
<tr>
<th>Fruits</th>
<th>Quantity</th>
</tr>
<tr>
<td>Apple</td>
<td>2</td>
</tr>
</table>
#### More Information:
<a href='https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table' target='_blank' rel='nofollow'>MDN Article on the HTML <table> tag</a>