html атрибут width

Атрибут width тега <col> задає ширину колонки. Якщо загальна ширина вмісту перевищує зазначену ширину таблиці, то браузер буде намагатися "втиснутися" в задані розміри за рахунок форматування тексту. У разі, коли це неможливо, наприклад, в таблиці знаходяться зображення, атрибут width буде проігнорований, і нова колонк таблиці буде обчислена на основі її вмісту.

cf0572f2ec74791ce8d9dd7d77821213.png

Порада:

Замість цього атрибута використовуйте CSS властивість width. Наприклад, width:400px

Синтакс

<col width="pixels|%|relative_length">

Атрибут width може отримувати 3 значення :

pixels

Ширина в пікселях

%

Ширина в відсотках

relative_length

Зазвичай застосовується будь-яке ціле значення в пікселях або відсотках загального обсягу простору. Альтернативний варіант заснований на використанні символу , який позначає всю доступну ширину. Допустимо використовувати кратні значення, наприклад 3 . Наприклад, якщо для таблиці встановлена ширина 600 пікселів, а для колонок - 1 , 2 , то в пікселях це буде відповідно 200 і 400. При використанні подібних одиниць браузеру потрібно завантажити таблицю цілком, щоб обчислити необхідну ширину клітинок, що призводить до затримки виведення великих таблиць.

Переглядачі

Переглядач

1+

1+

1+

4+

3+

12+

Переглядач

1+

1+

1+

1+

Приклади


Найпростіший приклад використання HTML атрибута width теґа <col>

See the Pen Col_width_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут width тега <col> більше не підртимується в HTML5. Використовуйте CSS властивість width. Наприклад: <td style="width:130px">

Різниця між XHTML та HTML


Немає жодної різниці.