테스트 사이트 - 개발 중인 베타 버전입니다

표 너비와 높이

표 너비와 높이

 

표의 너비와 높이는 width및 height속성 에 의해 정의됩니다 .

 

아래 예제는 표의 너비를 100 %로 설정하고 <th> 요소의 높이를 50px로 설정합니다.

 

 

table {

    width: 100%;

}

 

th {

    height: 50px;

}

 

 

 

<!DOCTYPE html>

<html>

<head>

<style>

table, td, th {

    border: 1px solid black;

}

 

table {

    border-collapse: collapse;

    width: 100%;

}

 

th {

    height: 50px;

}

</style>

</head>

<body>

 

<h2>The width and height Properties</h2>

<p>Set the width of the table, and the height of the table header row:</p>

 

<table>

  <tr>

    <th>Firstname</th>

    <th>Lastname</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>Peter</td>

    <td>Griffin</td>

    <td>$100</td>

  </tr>

  <tr>

    <td>Lois</td>

    <td>Griffin</td>

    <td>$150</td>

  </tr>

  <tr>

    <td>Joe</td>

    <td>Swanson</td>

    <td>$300</td>

  </tr>

  <tr>

    <td>Cleveland</td>

    <td>Brown</td>

    <td>$250</td>

</tr>

</table>

 

</body>

</html>

 


 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
2861
2849
2828
2824
2820
2814
2813
2808
2807
2802
2795
2787
2783
2781
2776
2771
2757
2756
2755
2754
2748
2739
2736
2734
2731
2730
2729
2726
2724
2722