Table Border
Table borders have 2 additional CSS properties.
Table Border Properties
border-collapse
Sets whether cells inside a <table> have shared or separate borders. Specify collapse or separate.
| LIVE PREVIEW
| 1 | 2 |
| 3 | 4 |
| 1 | 2 |
| 3 | 4 |
border-spacing
Sets the distance between table borders. (Only applies if you set border-collapse: separate.)
Can take up to 2 lengths: horizontal spacing, and vertical spacing.
References
- border-collapse (MDN) — https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse
- border-spacing (MDN) — https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing