3.144.237.37님 로그인 해주세요

MY wikix
처음으로
내소개
사진방
공부맨
일기장
영화광
독서광
잡동사니
방명록
위키 페이지
모든 페이지
인기 페이지
변경 페이지
검색하기

Today : 38  Total : 395554
ViewSource | info | diff | files

boder 

source

<table border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse">
 <tr>
  <td width="50" height="25"> ^^</td>
  <td width="150"> my nick name is dazzi</td>
 </tr>
 <tr>
  <td width="50" height="25"> ^0^</td>
  <td width="150"> It's wonderful day!</td>
 </tr>
</table>

border-collapse

테이블 또는 셀의 테두리선 표시방법을 지정하는 스타일시트

1. 옵션

1) border-collapse:collapse;
서로 이웃하는 테이블이나, 셀의 테두리선을 겹쳐서 표현한다.

2) border-collapse:separate;
서로 이웃하는 테이블이나, 셀의 테두리선을 분리시켜 표현한다.

2. border-collapse:collapse;로 지정된 경우 테두리가 겹쳤을 때 나타나는 테두리의 순서는 다음과 같다
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요소

출처 : Tong - mbkim37님의 HTML와자바스크립트통


Last : 2013-04-22 16:26:31   Who : 1.214.220.155
Version : v3
1867 hits