HTML 테이블 크기
HTML 테이블은 각 열, 행 또는 전체 테이블에 대해 다른 크기를 가질 수 있습니다.
속성을 또는 style속성과 함께
사용하여
테이블, 행 또는 열의 크기를 지정합니다.widthheight
HTML 테이블 너비
테이블의 너비를 설정하려면 요소 에 style
속성을 추가하세요.<table>
예시
테이블 너비를 100%로 설정합니다.
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
참고: 너비의 크기 단위로 백분율을 사용하는 것은 이 요소가 부모 요소(이 경우 요소)와 비교되는 너비를 의미합니다 <body>
.
HTML 테이블 열 너비
특정 열의 크기를 설정하려면 또는
요소 style
에 속성을 추가합니다.<th><td>
예시
첫 번째 열의 너비를 70%로 설정합니다.
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
HTML 테이블 행 높이
특정 행의 높이를 설정하려면 style
테이블 행 요소에 속성을 추가하십시오.
예시
두 번째 행의 높이를 200픽셀로 설정합니다.
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>