html тег <table> атрибут width

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

автор: с3с

Порада: Замість цього атрибута використовуйте CSS властивість width.
автор: с3с
Нотатка: Якщо атрибут width не встановлений, таблиця буде відображена з шириною, визначеною за змістом таблиці
автор: с3с

Синтаксис

<table width="pixels|%">

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
	1+	1+	1+	3.5+	12+	3+

Підтримка: мобільні переглядачі
Переглядач
	1+	18+	1+	1+

Приклади

+ запропонувати свій приклад у пісочниці

Приклад використання HTML атрибута width теґа <table>

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

автор: с3с

Приклад використання HTML атрибута width теґа <table>

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

автор: с3с

Перша таблиця розтягнута на 80% контейнера атрибутом width, друга — стиснулася за вмістом. Атрибут легасі: у новому коді ширину задають CSS-ом.

HTML

<table width="80%">
    <tr><td>Таблиця на 80% ширини</td></tr>
</table>
<table>
    <tr><td>Таблиця за вмістом</td></tr>
</table>

CSS

table, td {
    border: 1px solid #0172ad;
}

table {
    margin-bottom: 10px;
}

td {
    padding: 4px 10px;
}

автор: с3с

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

Цей атрибут не підтримується в HTML5

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

Коментарі

Коментарів ще немає — будьте першим!