자바스크립트| 라이센스요청(안내) 주문제작 | 질문답변| 팁앤태크| 강좌 | 설문
 
 
  포인트안내 | 입금통보 | 제이쿼리 라이센스안내
오늘 : 171 명 | 어제 : 289 명 | 현재 : 20 명
 
[공지사항] 4월 출첵이벤트 (1)
+ 팁앤태크 +
- 본인이 알고 있는 유용한 팁을 공유해 주세요
- 플래시, 포토샵, 일러, 컴퓨터, 웹, 디자인 전반에 관한 모든 팁들이 아주 요긴하게 쓰일것입니다
 
작성일 : 17-12-23 14:32
제목 [css] 테이블테두리 우선순위
작성자 디블
조회수 3,611
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 933
149 [css] 텍스트 줄바꿈 처리 디블 09-03 1514
148 [기타] html lang 언어셋 디블 07-30 3448
147 [기타] 가끔 찾아 헤매는 특수문자, 기호 (1) 디블 07-28 3622
146 [css] 테이블테두리 우선순위 디블 12-23 3612
145 [jquery] youtube 외부 컨트롤이 필요할때 참조 디블 11-21 3635
144 [jquery] jquery cookie 오늘하루열지않기 디블 10-24 3681
143 [기타] 프리로더 사이트 디블 10-20 3602
142 [jquery] jquery / iframe 디블 04-04 3981
141 [css] 모바일에서 유튜브영상 높이 조정 (1) 디블 03-08 3256
140 [jquery] toggle 버튼 (1) 디블 02-22 2689
139 [jquery] 유투브 배너 디블 02-21 857
138 [jquery] 탭소스 (1) 디블 02-21 806
137 [jquery] 모바일에서 대메뉴 링크무시 디블 02-02 726
136 [css] cdn 아이콘 (3) 디블 10-17 995
 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 : 공세헌