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