쓸모있는 'border-collapse' 속성
쓸모있는 'border-collapse' 속성
출 처 : CSS2실행가능한 브라우저 : IE에서만 테스트했음.
소 개
CSS Level 2에 포함되어 있는 'border-collapse'는 Table에 적용되는 속성으로 'separate', 와 'collapse'의 두 값을 가집니다.
적용예
1) border-collapse:separate
2) border-collapse:collapse
3) border-collapse 속성을 사용하지 않았을 때
소 스
| 서 울 | 5,000원 |
| 부 산 | 10,000원 |
| 광 주 | 15,000원 |
| 서 울 | 5,000원 |
| 부 산 | 10,000원 |
| 광 주 | 15,000원 |
| 서 울 | 5,000원 |
| 부 산 | 10,000원 |
| 광 주 | 15,000원 |
- <style type="text/css">
- td.ex
- {
- border:solid 1px red;
- padding:5px;
- }
- </style>
- <TABLE STYLE="border-collapse:separate;" width=500px>
- <TR><TD class=ex>서 울</TD><TD class=ex>5,000원</TD></TR>
- <TR><TD class=ex>부 산</TD><TD class=ex>10,000원</TD></TR>
- <TR><TD class=ex>광 주</TD><TD class=ex>15,000원</TD></TR>
- </TABLE>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
댓글 2개
19년 전
아,, 이런용도였군요,, 이제서야 CSS 의 중요성을 알고 다시 공부하고 있다는,,^^
좋은 정보 얻어갑니다,,
좋은 정보 얻어갑니다,,
18년 전
감사합니다`^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 9921 | |
| 28612 |
HTML
사용자 웹브라우저의 이름 알려주기
|
| 28611 | |
| 28605 | |
| 9920 |
JavaScript
Samba 설정
|
| 9916 | |
| 9915 | |
| 28596 | |
| 9906 |
JavaScript
Ajax(Asynchronous JavaScript and XML)란?
8
|
| 28572 |
HTML
if
23
|
| 28564 |
HTML
iinclude와 조건문
7
|
| 9898 | |
| 24744 | |
| 24742 | |
| 24741 | |
| 24736 | |
| 28558 | |
| 9896 | |
| 9893 | |
| 9892 |
JavaScript
웹문서에 주소창 넣기 스크립트
|
| 9891 | |
| 9890 | |
| 28557 | |
| 9889 | |
| 9888 |
JavaScript
폼 항목중 입력하지 않을때 경고창 띄우기
|
| 9887 | |
| 9885 | |
| 9884 |
JavaScript
아기창 자동으루 띄우고 엄마창 자동으루 죽이기
|
| 28555 | |
| 9883 | |
| 9881 |
MySQL
rrdtool 사용하기
1
|
| 9880 | |
| 9879 | |
| 9878 |
MySQL
메일,홈계정 쿼터 적용하기
|
| 9877 |
기타
파일을 분할 압축방법
|
| 9876 |
MySQL
mysql 부팅시 실행 시키기
|
| 9873 |
JavaScript
mod_rewrite 모듈 설치
2
|
| 9871 |
MySQL
phpMyadmin 웹호스팅 설정
1
|
| 9864 | |
| 9840 |
기타
머리카락 패스따기
23
|
| 9836 | |
| 9834 | |
| 9832 |
Flash
초짜의 Fade_Out_Effect 연습
1
|
| 9830 |
Flash
초짜의 Shadow_Effect 연습
1
|
| 9828 | |
| 9826 |
Flash
초짜의 Typo_Graphy 트위닝 연습
1
|
| 9797 | |
| 9754 | |
| 9709 | |
| 9686 | |
| 9646 | |
| 9634 | |
| 9617 | |
| 9615 | |
| 9613 | |
| 28553 | |
| 9611 | |
| 9607 | |
| 24726 | |
| 24725 | |
| 24721 | |
| 9569 | |
| 9567 |
Flash
플래시강좌 진행중입니다.
1
|
| 9550 | |
| 9531 | |
| 9527 |
JavaScript
접속자 아이피 출력(1원짜리 팁)
3
|
| 28550 | |
| 9493 | |
| 9479 | |
| 9431 | |
| 9418 | |
| 9372 | |
| 9331 | |
| 9267 | |
| 9216 | |
| 9215 | |
| 9214 |
JavaScript
리눅스 설치 후 해야 할 일
|
| 28549 | |
| 28548 |
HTML
데이터베이스의 생성, 선택, 보기
|
| 9213 |
JavaScript
[PHP동영상강좌] 프로그래밍 본격 시작 - 01
|
| 28543 |
HTML
포토샵 CS 브러쉬 툴 강좌
4
|
| 9211 | |
| 9210 | |
| 9208 | |
| 24718 | |
| 24706 | |
| 24702 |
기획서
[엑셀] 웹기획서
3
|
| 24701 | |
| 24698 |
견적서
쇼핑몰 제작 견적서
2
|
| 24695 |
계약서
쇼핑몰 계약서
2
|
| 9202 |
JavaScript
시원한 테이블 메뉴 스크립트
5
|
| 28540 | |
| 24688 | |
| 9194 |
Flash
IE 패치에 따른 플래시 이용방식 변경
7
|
| 24679 |
계약서
홈페이지 계약서
8
|
| 24674 | |
| 24670 | |
| 9193 |
정규표현식
[브라우저]브라우저명을 정확히 알아내기
|
| 9191 |
JavaScript
[위치관련]팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기
1
|
| 9190 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기