자바스크립트| 라이센스요청(안내) 주문제작 | 질문답변| 팁앤태크| 강좌 | 설문
 
 
  포인트안내 | 입금통보 | 제이쿼리 라이센스안내
오늘 : 130 명 | 어제 : 245 명 | 현재 : 40 명
 
[공지사항] 5월출첵이벤트 (8)
+ 팁앤태크 +
- 본인이 알고 있는 유용한 팁을 공유해 주세요
- 플래시, 포토샵, 일러, 컴퓨터, 웹, 디자인 전반에 관한 모든 팁들이 아주 요긴하게 쓰일것입니다
 
작성일 : 17-12-23 14:32
제목 [css] 테이블테두리 우선순위
작성자 디블
조회수 3,827
border-collapse : 테이블 또는 셀의 테두리선 표시방법을 지정하는 스타일시트

옵션

 - border-collapse:collapse

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


 - border-collapse:separate

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

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


테두리가 겹쳤을때 나타나는 순서

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


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


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

  나타나게 된다.


4. 굵기가 같은 경우 테두리선의 종류에 따라 아래와 같은 우선 순위를 가지게 된다.
double > solid > dashed > dotted > ridge > autoset > groove > inset
 

5. 굵기가 같고 테두리종류가 동일하고 색상(border-color) 만 다른경우

TH > TD > TR > thead = tbody = tfoot > col > colgroup > table

 
출처 : https://cowboyjs.blog.me/120046080086

 
Total 150
글번호 제목 작성자 작성날짜 조회수
150 [jquery] 고정메뉴 fixed, 본문이 스크롤될때 fixed 같이 스크롤먹이기 디블 09-30 1148
149 [css] 텍스트 줄바꿈 처리 디블 09-03 1732
148 [기타] html lang 언어셋 디블 07-30 3646
147 [기타] 가끔 찾아 헤매는 특수문자, 기호 (1) 디블 07-28 3824
146 [css] 테이블테두리 우선순위 디블 12-23 3828
145 [jquery] youtube 외부 컨트롤이 필요할때 참조 디블 11-21 3851
144 [jquery] jquery cookie 오늘하루열지않기 디블 10-24 3898
143 [기타] 프리로더 사이트 디블 10-20 3801
142 [jquery] jquery / iframe 디블 04-04 4213
141 [css] 모바일에서 유튜브영상 높이 조정 (1) 디블 03-08 3338
140 [jquery] toggle 버튼 (1) 디블 02-22 2776
139 [jquery] 유투브 배너 디블 02-21 937
138 [jquery] 탭소스 (1) 디블 02-21 882
137 [jquery] 모바일에서 대메뉴 링크무시 디블 02-02 809
136 [css] cdn 아이콘 (3) 디블 10-17 1069
 1  2  3  4  5  6  7  8  9  10  
디자인블랙 | 공세헌 | 부산 해운대구 중동 달맞이경동메르빌 104동 1607호 | 010-4577-5965
메일 : designblack@nate.com : 네이트온 : 10~18시
사업자등록번호 605-22-56543 | 통신판매신고 제 2008-부산진-0178호 | 이용약관
농협 : 177506-51-008469 : 공세헌