Cell spacing is the space between each cell. By default the space is set to 2 pixels.
border-collapse: collapse;
| Name |
Age |
Favorite |
| Ashik |
23 |
Programming |
| Esha moni |
10 |
playing |
Second tabel
border-style: dotted;
| Name |
Age |
Favorite |
| Ashik |
23 |
Programming |
| Esha moni |
10 |
playing |
HTML Table Colspan & Rowspan
| colspan |
test |
| rowspan |
test |
test |
| test |
test |
HTML Table Styling
| 1 |
2 |
3 |
| 4 |
5 |
6 |
| 7 |
8 |
9 |
| 10 |
11 |
12 |
| 1 |
2 |
3 |
4 |
| 5 |
6 |
7 |
8 |
| 9 |
10 |
11 |
12 |
| 13 |
14 |
15 |
16 |
colgroup visibility: collapse
| MON |
TUE |
WED |
THU |
FRI |
SAT |
SUN |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
| 8 |
9 |
10 |
11 |
12 |
13 |
14 |
| 15 |
16 |
17 |
18 |
19 |
20 |
21 |
| 22 |
23 |
24 |
25 |
26 |
27 |
28 |
The <colgroup> element should be used as a container for the column specifications.
Each group are specified with a <col> element.
The span attribute specifies how many columns that gets the style.
The style attribute specifies the style to give the columns.
The <colgroup> tag must be a child of a <table> element and should be placed before any other table elements,
like <thead>, <tr>, <td> etc., but after the <caption> element, if present
If you want to style columns in the middle of a table, insert a "empty" <col> element (with no styles) for the columns before:
You can hide columns with the visibility: collapse property:
Back to