html атрибут width
Атрибут width тега <col> задає ширину колонки. Якщо загальна ширина вмісту перевищує зазначену ширину таблиці, то браузер буде намагатися "втиснутися" в задані розміри за рахунок форматування тексту. У разі, коли це неможливо, наприклад, в таблиці знаходяться зображення, атрибут width буде проігнорований, і нова колонк таблиці буде обчислена на основі її вмісту.
| Порада: | Замість цього атрибута використовуйте CSS властивість |
Синтаксис
<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
Немає жодної різниці.