border-collapse

Tabel의 여백 없애기

table 을 디자인 할 때에는 보통 cellpadding 속성과 cellspacing 속성의 기본값이 있기 때문에 이 두가지 속성을 0으로 만들기 위해서 속성을 부여 하게 된다.

table {
	border-collapse: collapse;
}
th, td {
	padding: 0;
}

이렇게 하면 table을 만들때 마다 매번 cellpadding="0" 과 cellspacing="0"을 써주지 않아도 된다.

IE에서는 border-collapse: collapse; 를 사용하고 내부의 td 에 border 를 설정할 경우 border 가 주변 셀 안으로 파고드는 문제가 발생 될 수 있다.