Genişlik ve Yükseklik
Lisans:
Creative Commons
11.12.2020
tarihinde güncellendi
Bakabileceğiniz Etiketler:
Eğitmen:
Geleceği Yazanlar Ekibi
Bir tablonun ebatları, width (genişlik) ve height (yükseklik) özellikleriyle belirlenir. Aşağıdaki örnek kod ile bunlarla ilişkili atamalar yapacağız:
table {
width: 100%;
}
th {
height: 60px;
}
ÖRNEK HTML5 KODU:
<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
border: 2px solid red;
}
table {
width: 100%;
}
th {
height: 60px;
}
</style>
</head>
<body>
<table>
<tr>
<th>ÜLKE</th>
<th>NÜFUS</th>
<th>DİL</th>
</tr>
<tr>
<td>Almanya</td>
<td>80</td>
<td>Almanca</td>
</tr>
<tr>
<td>Fransa</td>
<td>55</td>
<td>Fransızca</td>
</tr>
<tr>
<td>İsveç</td>
<td>4</td>
<td>İsveççe</td>
</tr>
<tr>
<td>İsviçre</td>
<td>8</td>
<td>Almanca, Fransızca, İtalyanca, Romanşca</td>
</tr>
</table>
</body>
</html>