HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML table rules 속성

rules 속성은 내부 경계선의 어떤 부분을 표시해야 하는지 지정합니다. 실질적인 이유로, 규칙을 지정하지 않고 대신 CSS를 사용하는 것이 좋습니다.

온라인 예제

행 사이의 경계선만 표시됩니다：

예제

<p>table에 rules="rows":</p>
<table　rules="rows">
　　<tr>
　　　　<th>학년</th>
　　　　<th>인원</th>
　　</tr>
　　<tr>
　　　　<td>3학년</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>table에 rules="cols":</p>
<table　rules="cols">
　　<tr>
　　　　<th>학년</th>
　　　　<th>인원</th>
　　</tr>
　　<tr>
　　　　<td>3학년</td>
　　　　<td>56</td>
　　</tr>
</table>
<p>table에 rules="all":</p>
<table　rules="all">
　　<tr>
　　　　<th>학년</th>
　　　　<th>인원</th>
　　</tr>
　　<tr>
　　　　<td>3학년</td>
　　　　<td>56</td>
　　</tr>
</table>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome 및 Safari가 rules 속성을 지원합니다.

주의:Internet Explorer 8 및 이전 버전은 <table> 태그의 rules 속성을 지원하지 않습니다.

주의:Chrome와 Safari는 이 속성의 표시가 올바르지 않습니다. 내부 선 외에 영향을 받는 외부 선도 추가됩니다.

정의와 사용법

HTML5 <table> rules 속성을 지원하지 않습니다. 대신 CSS를 사용하세요.

rules 속성은 내부 선의 어느 부분이 보이는지 지정합니다.

실용적 관점에서는 rules를 지정하지 않는 것이 좋습니다. 대신 CSS를 사용하여 추가하세요 borders（선 스타일）。

문법

<table rules="value">

속성 값

값	설명
none	선이 없습니다.
groups	행 그룹과 열 그룹 사이의 선이 있습니다.
rows	행 사이의 선이 있습니다.
cols	열 사이의 선이 있습니다.
all	행과 열 사이의 선이 있습니다.

　HTML <table> 태그

HTML: <template> 태그