Jadval o‘lchamlari
HTML jadvallarda har bir ustun, qator yoki butun jadval uchun turli o‘lchamlar bo‘lishi mumkin.
Jadval, qator yoki ustun o‘lchamini belgilash uchun width yoki height
xususiyatlari bilan style atributidan foydalaning.
HTML jadval kengligi
Jadval kengligini belgilash uchun <table> elementiga style
atributini qo‘shing:
Misol
Jadval kengligini 100% ga belgilang:
<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>
O‘zingiz sinab ko‘ring »
Eslatma: kenglikni foizda belgilash element kengligining ota element kengligiga nisbatini bildiradi. Bu holatda ota element — <body> elementi.
HTML jadval ustun kengligi
Muayyan ustun o‘lchamini belgilash uchun style
atributini <th> yoki
<td> elementiga qo‘shing:
Misol
Birinchi ustun kengligini 70% ga belgilang:
<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>
O‘zingiz sinab ko‘ring »
HTML jadval qator balandligi
Muayyan qator balandligini belgilash uchun style
atributini jadval qatori elementiga qo‘shing:
Misol
Ikkinchi qator balandligini 200 pikselga belgilang:
<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>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!