개체의 정보가 적용되는 테이블에서 칸들의 구룹을 반환하거나 설정한다.

인수
: (속성 문자열)
속성값은 개체의 정보가 적용되는 테이블 칸들(cells)의 구룹을 나타내는 문자열이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

이 속성은 스타일쉬트와 병행하여 사용하므로서 음성장치나 점자와 같은 보이지 않는 메디어에서 표현하는데 사용할 수 있다.

td와 th 엘레멘트에 대한 HTML 4.0에 정의된 애트리뷰트의 가능한 값들은 :

row 현재의 칸은 그 줄의 머릿글 정보를 제공한다.
col 현재의 칸은 그 컬럼의 머릿글 정보를 제공한다.
rowgroup 머릿글 칸은 그 줄의 머릿글 정보를 제공한다.
colGroup 머릿글 칸은 그 컬럼의 머릿글 정보를 제공한다.

이 애트리뷰트는 headers 애트리뷰트 대신에 사용할 수 있다.

작성자가 기능을 정의하여 부여하지 않으면 기능성이 없다.

적용
개체scriptHTML규격IE
참고
headers

이 속성은 HTML 4.0과 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.


table 속성 예제

결과 표시창
<SCRIPT>
function showOne(obj){
  rowIdx=obj.id.substr(obj.id.length-2,1)-1;
  colIdx=obj.id.substr(obj.id.length-1,1)-1;
  str='obj.id=<FONT color=blue>'+obj.id+'</FONT><BR>';
  str+='obj.innerText=<FONT color=blue>'+obj.innerText+'</FONT><BR>';
  str+='obj.scope=<FONT color=blue>'+obj.scope+'</FONT><BR>';
  str+='tableObj.rows[rowIdx].scope=<FONT color=blue>'+tableObj.rows[rowIdx].scope+'</FONT><BR>';
  str+='tableObj.rows[rowIdx].cols[colIdx].scope=<FONT color=blue>'+tableObj.rows[rowIdx].cells[colIdx].scope+'</FONT><BR>';
  showA.innerHTML=str;
}

str='<TABLE id="tableObj" border=5 cellspacing=3 cellpadding=3 bgcolor=#ffffaa width=500>';
for (i=1;i<6;i++){
  str+='<TR id=tr'+i+' scope=trScope'+i+'>';
  for (k=1;k<6;k++){
    str+='<TD id=td'+i+k+' scope=tdScope'+i+k+' onclick="showOne(this)">칸 '+i+k+'</TD>';
  }
  str+='</TR>';
}
str+='</TABLE>';
document.write(str);
</SCRIPT>

<DIV id=showA style="border:solid 1 blue;padding:5;width:500">결과 표시창</DIV>