border collapse 스타일 > html

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으로 지정하는 것을 권장한다.