html тег <col> атрибут width
Атрибут width тега <col> задає ширину колонки. Якщо загальна ширина вмісту перевищує зазначену ширину таблиці, то браузер буде намагатися "втиснутися" в задані розміри за рахунок форматування тексту. У разі, коли це неможливо, наприклад, в таблиці знаходяться зображення, атрибут width буде проігнорований, і нова колонк таблиці буде обчислена на основі її вмісту.
- Порада
-
Замість цього атрибута використовуйте CSS властивість
автор: с3сwidth. Наприклад,width:400px
Синтаксис
<col width="pixels|%|relative_length">Атрибут width може отримувати 3 значень:
-
pixels -
Ширина в пікселях
автор: с3с -
% -
Ширина в відсотках
автор: с3с -
relative_length -
Зазвичай застосовується будь-яке ціле значення в пікселях або відсотках загального обсягу простору. Альтернативний варіант заснований на використанні символу , який позначає всю доступну ширину. Допустимо використовувати кратні значення, наприклад 3 . Наприклад, якщо для таблиці встановлена ширина 600 пікселів, а для колонок - 1 , 2 , то в пікселях це буде відповідно 200 і 400. При використанні подібних одиниць браузеру потрібно завантажити таблицю цілком, щоб обчислити необхідну ширину клітинок, що призводить до затримки виведення великих таблиць.
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1+ | 1+ | 1+ | 4+ | 12+ | 3+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 1+ | 1+ | 1+ | 1+ |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута width теґа <col>
See the Pen Col_width_css_in_ua by css.in.ua (@css_in_ua) on CodePen.
автор: с3сРізниця між HTML 4.01 та HTML5
Атрибут width тега <col> більше не підртимується в HTML5. Використовуйте CSS властивість width. Наприклад: <td style="width:130px">
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!