1.스타일 정의 : 테이블(Table) 또는 셀(Cell)의 테두리 선 표시방법을 지정하는 스타일시트(Stylesheet)이다.
1). collapse： border-collapse:collapse - 서로 이웃하는 테이블이나 셀의 테두리 선을 겹쳐서 표현한다.
2). separate(기본값)：border-collapse:separate - 서로 이웃하는 테이블이나 셀의 테두리 선을 분리시켜 표현한다.
2. border-collapse:로 지정된 경우 테두리가 겹쳤을 때 나타나는 순서
1). border-style:hidden이 지정된 것이 가장 우선한다.
2). border-style:non이 지정된 것은 우선순위가 가장 낮다.
3). border-style이 지정되지 않는 경우는 폭이 두꺼운 테두리 선이 우선순위로 나타난다.
4). 굵기가 같은 경우 : 테두리 선의 종류에 따라 아래와 같은 우선 순위를 가지게 된다.
double>solid>dashed>dotted>ridge>autoset>groove>inset
5). 굵기가 같고 테두리 종류가 동일하고 색상(border-color) 만 다른경우 : 아래의 순서로 우선 순위를 가지게 된다.
th요소 > td요소 > tr요소 > thead요소.tbody요소.tfoot요소 > col요소> colgroup요소 > table요소 순으로 나타난다.
보기 :
1). border-collapse를 collapse로 border-style:hidden로 지정할 때
2). border-collapse를 collapse로 border-style:none으로 지정할 때
| 가가가 | 나나나 | 다다다 |
| 라라라 | 마마마 | 바바바 |
3). border-collapse를 separate로 border-style:hidden로 지정할 때
4). border-collapse를 separate로 border-style:none으로 지정할 때
| 가가가 | 나나나 | 다다다 |
| 라라라 | 마마마 | 바바바 |
5). border-collapse를 collapse로 지정하고, border-style 주지 않을 때
| 가가가 | 나나나 | 다다다 |
| 라라라 | 마마마 | 바바바 |
6). border-collapse를 separate로 지정하고, border-style 주지 않을 때
| 가가가 | 나나나 | 다다다 |
| 라라라 | 마마마 | 바바바 |
7). border-collapse를 지정하지 않을 때
| 가가가 | 나나나 | 다다다 |
| 라라라 | 마마마 | 바바바 |
*border-collapse를 collapse로 border-style:none으로 지정하는 것을 권장한다.