Атрибут width
Оновлено: 13.06.2022
Атрибут width
Задає ширину колонки. Якщо загальна ширина вмісту перевищує вказану ширину, то браузер намагатиметься "втиснутися" в задані розміри шляхом форматування тексту. У випадку, коли це неможливо, наприклад, у колонці знаходяться зображення, атрибут width буде проігнорований, і нова ширина колонки буде обчислена на основі вмісту.
Цей атрибут застарів, замість нього використовуйте стилі.
Синтаксис
<col width="<значення>">Значення
Зазвичай застосовується будь-яке ціле значення в пікселях або відсотках доступного простору. Альтернативний варіант ґрунтується на використанні символу *, який позначає всю доступну ширину. Можна використовувати кратні значення, наприклад, 3*. Наприклад, якщо для таблиці встановлена ширина 600 пікселів, а для колонок - 1*, 2*, то в пікселях це буде відповідно 200 і 400. При використанні подібних одиниць браузеру потрібно завантажити таблицю повністю, щоб обчислити необхідну ширину осередків, що призводить до затримки виведення великих таблиць.
Значення за замовчуванням
Ширина обчислюється на основі вмісту комірки.
Приклад
Примітка
Для зміни ширини колонок скористайтесь псевдокласом :nth-child і властивістю width, додаючи їх до селектора td.