728x90

border-collapse란 테이블 또는 셀의 테두리선 표시방법을 지정하는 스타일시트입니다.

 
아래 두가지의 옵션이 있습니다.


    1. border-collapse:collapse

       서로 이웃하는 테이블이나 셀의 테두리션을 겹쳐서 표현 합니다.


    2. border-collapse:separate

       서로 이웃하는 테이블이나 셀의 테두리션을 분리시켜 표현 합니다.


( 이스타일을 사용하지 않으면 모든 테이블이나 셀의 경계선은 분리되어 나오지요 기본값이라고 합니다 )

 
border-collapse:collapse로 지정된 경우 테두리가 겹쳤을때 나타나는 순서는 다음과 같습니다.


 
   1. border-style:hidden이 지정된것이 가장 우선 합니다.


   2. border-style:non이 지정된 것은 우선순위가 가장 낮습니다.


   3. hidden과 non이외의 값이 지정되어 있는 경우는 폭이 두꺼운 테두리선이 우선순위.


   4. 굵기가 같은 경우 테두리선의 종류에 따라 아래와 같은 우선 순위를 가지게 됩니다.


       double > solid > dashed > dotted > ridge > autoset > groove > inset


   5. 굵기가 같고 테두리종류가 동일, 색상(border-color) 만 다른경우 아래의 순서로 우선 순위.


      th > td > tr > thead.tbody.tfoot > col > colgroup > table


출처 : 'border-collapse' - 네이버 지식iN

728x90

'Information' 카테고리의 다른 글

청약 가점제  (0) 2007.03.30
입력상자 - 한/영 고정사용  (0) 2007.03.26
텍스트박스 클릭시 기본값 없애기  (0) 2007.03.26

+ Recent posts