'Frame'에 해당되는 글 2건

  1. 2008.12.08 Table tag의 frame 속성 정리 (1)
  2. 2008.05.24 최상위 프레임 여부 확인
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 부니기
2008.05.24 02:34
<script type="text/javascript">
<!--
  function TopFrameChk(){
  if( ( typeof(top.document) != "unknown" && typeof(top.document) != "undefined" )
   && (self.document.location.href != top.document.location.href || self.document.referrer != top.document.referrer)) {
   top.document.location.href = self.document.location.href;
  }
 }

 function init(){
  TopFrameChk();
 }
//-->
</script>
<body onload="init();">
Posted by 부니기

티스토리 툴바