2008.12.08 01:06

table tag에는 frame라는 속성이 있다. 자주 사용되지는 않지만, 가끔 필요할 때 유용하게 사용할 수 있다.

일반적인 테이블

<table cellspacing="1" border="1" frame="">

Table Frame Sample
구분 property 속성
frame above above
frame above above

<table cellspacing="1" border="1" frame="above">

Table Frame Sample
구분 property 속성
frame above above
frame above above

<table cellspacing="1" border="1" frame="below">

Table Frame Sample
구분 property 속성
frame below below
frame below below

<table cellspacing="1" border="1" frame="border">

Table Frame Sample
구분 property 속성
frame border border
frame border border

<table cellspacing="1" border="1" frame="box">

Table Frame Sample
구분 property 속성
frame box box
frame box box

<table cellspacing="1" border="1" frame="hsides">

Table Frame Sample
구분 property 속성
frame hsides horizontal sides
frame hsides horizontal sides

<table cellspacing="1" border="1" frame="vsides">

Table Frame Sample
구분 property 속성
frame vsides vertical sides
frame vsides vertical sides

<table cellspacing="1" border="1" frame="lhs">

Table Frame Sample
구분 property 속성
frame lhs left hand side
frame lhs left hand side

<table cellspacing="1" border="1" frame="rhs">

Table Frame Sample
구분 property 속성
frame rhs rigft hand side
frame rhs rigft hand side

<table cellspacing="1" border="1" frame="void">

Table Frame Sample
구분 property 속성
frame void void
frame void void

위에서 사용한 코드는 아래와 같다.

<table cellspacing="1" border="1" summary="frame property for table tag" frame="">
<caption>
    Table Frame Sample
  </caption>
  <tr>
    <th scope="col">구분</th>
    <th scope="col">property</th>
    <th scope="col">속성</th>
  </tr>
  <tr>
    <th scope="row">frame</th>
    <td>void</td>
    <td>void</td>
  </tr>
  <tr>
    <th scope="row">frame</th>
    <td>void</td>
    <td>void</td>
  </tr>
</table>
Posted by 부니기

티스토리 툴바