내정보

주문조회.관리

커뮤니티

솔루션 관련 게시판
 


 

테마형 자유게시판

 


작성자
작성일 2013/10/17 22:50
분 류 CSS
ㆍ조회: 2191      
IP: 182.xxx.117
border-collapse는 테이블 또는 셀의 테두리선 표시방법을 지정하는 속성입니다.

border-collapse는 테이블 또는 셀의 테두리선 표시방법을 지정하는 속성입니다.

속성값으로는 collapse와 separate를 사용할 수 있습니다.

  • collapse : 서로 이웃하는 테이블이나 셀의 테두리선을 겹쳐서 표현 합니다.
  • separate : 기본값으로 서로 이웃하는 테이블이나 셀의 테두리선을 분리시켜 표현 합니다.

<table width="90%" cellpadding="5" cellspacing="0" border="1" align="center" style="border-collapse:collapse; border:1px gray solid;">
<tr>
 <td>border-collapse:collapse;</td>
</tr>
</table>
 

위와 같이 border-collapse 속성갑을 collapse로 지정하고 border 속성을 추가적으로 지정하면 아래와 같이 깔끔한 테이블을 출력할 수 있습니다.

border-collapse:collapse;
 

border-collapse 속성은 테두리선의 표시방법만 지정하므로 반드시 border 속성으로 구체적인 테두리선의 스타일을 지정해 주어야 합니다.

테이블의 셀이 많을때는 IE와 Firefox에서 조금 다른 모습으로 출력됩니다. IE에서는 추가적으로 TD element에 border 속성을 추가적으로 지정하면 됩니다.

<table width="90%" cellpadding="5" cellspacing="0" border="1" align="center" style="border-collapse:collapse; border:1px gray solid;">
<tr>
 <td style="border:1px gray solid;">HTML</td>
 <td style="border:1px gray solid;">Hypertext Markup Language</td>
</tr>
<tr>
 <td style="border:1px gray solid;">CSS</td>
 <td style="border:1px gray solid;">Cascading Style Sheet</td>
</tr>
</table>
 

HTML Hypertext Markup Language
CSS Cascading Style Sheet
 


   

   
번호     글 제 목 작성일 조회
80 테두리없는 팝업창 2018/09/18 (화) 1647
79 한국의 주요도시 위도, 경도 2018/09/18 (화) 1206
78 MySQL 백업과 복구 : mysqldump, mysqladmin 2018/09/18 (화) 1094
77 구글이 말하는 SEO, 검색엔진최적화 방법 6가지 2018/09/18 (화) 2024
76 div 가운데 정렬 2018/09/18 (화) 1036
75 부트스트랩 메뉴 2018/01/02 (화) 1364
74 bootstap button menu1 2018/01/02 (화) 2376
73 아톰 에디터 단축키 모음 2017/11/23 (목) 2331
72 PHP 문법 2014/07/25 (금) 2556
71 메타태그 속성 정리 2014/01/31 (금) 2457
70 border-collapse는 테이블 또는 셀의 테두리선 표시방법을 지정하는 속성입니다. 2013/10/17 (목) 2191
69 지도.좌표.주소 만드는 구글지도 2013/10/09 (수) 2508
68 css 세로메뉴(menu) 2013/10/02 (수) 3178
67 css with jquery 메뉴 2013/09/10 (화) 1957
66 css 메뉴 2013/09/10 (화) 2011
65 Fluid Navigation CSS & jQuery(메뉴) 2013/09/10 (화) 2124
64 CSS Vertical Menu 2013/08/04 (일) 2427
63 Navbar ...메뉴 2013/07/31 (수) 2127
62 구글, 바이두 등 해외 검색엔진 사이트등록, 중요한 것은? 2013/07/21 (일) 2385
61 InfoWindow 자동 띄우기 - v3 2013/07/19 (금) 2880
60 Google maps V2 - sidebar list + category + color icons.........2 2013/07/19 (금) 2325
59 구글지도에 지명이름 추가 (텍스트 형) 2013/07/15 (월) 2312
58 Google maps V3 - sidebar list + category + color icons.........3 2013/07/15 (월) 2963
57 text label google maps v3 2013/07/14 (일) 2469
56 구글지도 좌표 찾기 2013/07/14 (일) 2829
55 BING 검색관련 아이피 모음 2013/06/25 (화) 1955
54 구글 좌표(위도. 경도)값을 마우스 클릭으로 찾을 수 있습니다. 2013/06/13 (목) 4667
53 여러 검색엔진에 사이트맵 제출하기 2013/06/11 (화) 2562
52 Google의 인덱스나 랭킹 등에 관한 10의 오해를 Google 공식 2013/06/11 (화) 2279
51 야후/빙에서 인덱싱/크롤링이 안되는 문제 해결 2013/06/11 (화) 2330
123

 

 

 

장바구니 0
상품보관함 0
오늘본목록 0
계산기
포털검색
회사소개 |  광고문의 |  제휴문의 |  이용약관 |  청소년 보호정책 |  개인정보 취급방침 |  고객센터 |  사이트맵
주소 : 서울특별시 성동구 용답25길 15-1(용답동) | 상호 : 올포소프트(allfor.kr) | 대표자:김영길 | 업태 : 서비스.소매 | 종목 : 홈페이지제작. 솔루션개발. 통신판매 E-MAIL : admin@allfor.kr | ☎ : 070-8116-9964 | 010-5711-7987 | 사업자등록번호 : 263-46-00104 | 개인정보관리 책임자 : 김영길