CSS テーブル(table)に要素の高さ(height)を指定する

2022年10月27日

環境
Google Chrome　106.0.5249.119
Windows 10 Home 64bit

構文
.クラス名{
height:値
}
<table class="クラス名">
tableにheightを指定します。

使用例

<!DOCTYPE html>

<html>

<head>

<style>

.tt{

height: 120px;

}

</style>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

<!DOCTYPE html> <html> <head> <style> .tt{ height: 120px; } </style> </head> <body> <table border="1" class="tt"> <tr> <td>AA</td> <td>BB</td> <td>CC</td> <td>DD</td> </tr> <tr> <td>A22</td> <td>B22</td> <td>C33</td> <td>D44</td> </tr> </table> </body> </html>

<!DOCTYPE html>
<html>
<head>
<style>
.tt{
    height: 120px;
}
</style>
</head>
<body>

<table border="1" class="tt">
    <tr>
        <td>AA</td>
        <td>BB</td>
        <td>CC</td>
        <td>DD</td>
    </tr>
    <tr>
        <td>A22</td>
        <td>B22</td>
        <td>C33</td>
        <td>D44</td>
    </tr>
</table>

</body>
</html>

CSS

Posted by arkgame

関連投稿: