border에 관한 스타일

박스를 표현할 때 아주 유용한 태그들입니다.

특히 style="border-collapse:collapse"와 결합해서 아주 큰 힘을 발휘할 것입니다.

<table frame=void width=500 height=100 border="1" style="border-collapse:collapse" bordercolor="red">
<tr>
 <td width=250>frame=void</td>
 <td></td>
</tr>
<tr>
 <td>frame=void</td>
 <td></td>
</tr>
<tr>
 <td>frame=void</td>
 <td></td>
</tr>
</table>

frame에서는 void, hsides, vsides가 아주 유용하게 사용될 것 같습니다.

frame = void | above | below | hsides | vsides | lhs | rhs | box | border

frame은 표의 어느 선을 나타낼 것인지를 정한다.

void: 가장자리 없는 표. 기본값이다. above: 각 행의 윗변만 나타난다. below: 각 행의 아랫변만 나타난다. hsides: 가로선만 나타난다. vsides: 세로선만 나타난다. lhs: 중간 왼쪽변만 나타난다. rhs: 중간 오른쪽변만 나타난다. box: 네 변 모두 나타난다. border: 네 변 모두 나타난다.

<table rules = none width=500 height=100 border="1" style="border-collapse:collapse" bordercolor="red">
<tr>
 <td width=250>rules = none </td>
 <td></td>
</tr>
<tr>
 <td>frame=void</td>
 <td></td>
</tr>
<tr>
 <td>frame=void</td>
 <td></td>
</tr>
</table>

rules 역시 아주 유용하며 none, cols, rows가 특히 유용할 것 입니다. 기억해 두고 있는다면 코딩이 쉬워지고 개발자들이 좋아할 것입니다.

rules = none | groups | rows | cols | all

rules는 frame과 비슷하지만 표의 가장자리선까지 나타난다는 점이 다르다. none: 선이 없다. 기본값이다. groups: THEAD, TFOOT, TBODY, COLGROUP. COL 사이에만 선이 나타난다. rows: 행 사이에 선이 나타난다. cols: 열 사이에 선이 나타난다. all: 모든 선이 나타난다.

출처 : http://cafe.naver.com/nothinking.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=14