Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Атрибут width

Атрибут width, тега <TD>, применяется для указания рекомендуемой ширины ячейки. По умолчанию браузеры сами определяют ширину ячеек исходя из их содержимого, ширины таблицы, внутренних отступов ячеек и так далее. При помощи атрибута width можно переопределить ширину отдельных ячеек, но если их содержимое не будет вмещаться в указанные размеры, то браузер все равно их увеличит, то есть проигнорирует атрибут width. Кроме этого, ширина ячеек в одном столбце таблицы всегда равна размеру самой широкой ячейки, поэтому применять атрибут width достаточно для одной (любой) ячейки столбца.

Значения

Ширина ячеек может быть задана двумя способами.

Значение по умолчанию: ширина рассчитывается исходя из содержимого ячеек и, для каждого столбца таблицы, равна размеру самой широкой ячейки.

Синтаксис

<td width="значение">...</td>

Обязательный атрибут: нет.

Пример HTML: применение атрибута width

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег TD, атрибут width</title>
 </head>
 <body>
  <table border="1">
   <tr>
    <td width="20%">Ячейка 1</td>
    <td width="30%">Ячейка 2</td>
    <td width="50%">Ячейка 3</td>
   </tr>
  </table>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ЧастичноНетЧастичноНет

В HTML 4.01 и XHTML 1.0 использовать атрибут width допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код. А вообще, рекомендуется применять стили (CSS).

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа