Table tag의 frame 속성 정리

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>