| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Встановити ширину таблиці в пікселях або відсотках через стилі.
Рішення
Для визначення ширини таблиці використовуйте стильове властивість width, застосовуючи його до селектору table, як показано в прикладі 1.
Приклад 1. Ширина таблиці
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ширина таблиці</title>
<style>
table {
width: 100%; /* Ширина таблиці у відсотках */
}
.col1 {
width: 100px; /* Ширина комірки */
}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="col1">Стовпець 1</td>
<td class="col2">Стовпець 2</td>
</tr>
</table>
</body>
</html>
В даному прикладі ширина всієї таблиці встановлюється як 100%, а ширина лівої колонки 100px. Це досягається за рахунок додавання властивості width до селектору td з ім'ям певного класу (<td class="col1">).
При використанні стилів для зміни ширини таблиці допустимо застосовувати будь-які допустимі одиниці виміру, а не тільки пікселі і відсотки.