HTML Table Vertical Line

HTML Table Vertical Line Border

By using CSS, we can set the table vertical line border.

Example 1 TRY-IT

This example, we set the vertical line for all the cell based on the right border.

th,td {
			
	border-right-style:solid;
	border-right-color:#00F;
	border-right-width: 8px;
}

Example 2 TRY-IT

We set the vertical line for all the cell based on the left border.

<style>		
th,td {
			
	border-left-style: solid;
	border-left-color: #006600;
	border-left-width: 8px;
}
</style>

Related Link

• HTML Table
• HTML Tutorial
• Tutorial Home

---

Table

1. HTML - Table
2. HTML - Table Border
3. HTML - Table Column
4. HTML - Table Row
5. HTML - Table Color
6. HTML - Table Cell Spacing and Padding
7. HTML - Text Align
8. HTML - Text Vertical Align
9. HTML - Table Caption and Summary
10. HTML - Table thead, tbody, tfoot
11. HTML - Inner Table
12. HTML - Table Vertical Line
13. HTML - Table Horizontal Line