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">).
При використанні стилів для зміни ширини таблиці допустимо застосовувати будь-які допустимі одиниці виміру, а не тільки пікселі і відсотки.