태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

2007.11.30 01:38
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

'웹표준 > CSS' 카테고리의 다른 글

css 핵정리  (0) 2008.02.04
HTML 문서의 목록(DL, UL, OL)  (0) 2007.12.12
border-collapse  (0) 2007.11.30
checkbox, radio 스타일 적용 제외 시키기  (0) 2007.11.24
!DOCTYPE 선언 방법  (0) 2007.10.11
수직 정렬  (0) 2007.10.10
Posted by 고시랑