Как задать высоту таблицы в html
Перейти к содержимому

Как задать высоту таблицы в html

  • автор:

Атрибут height

Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании атрибута height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот атрибут будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали.

Синтаксис

Значения

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

Высота вычисляется на основе содержимого ячейки.

Аналог CSS

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного .

HTML 4.01 IE Cr Op Sa Fx

    Тег TD, атрибут height   
Ячейка 1

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Атрибут height

Устанавливает высоту таблицы. В спецификации HTML 4 этого атрибута нет, однако браузеры в большинстве случаев понимают его, если не установлен . В том случае, когда в документе задан , браузеры высоту таблицы, заданную через атрибут height , игнорируют.

Синтаксис

Значения

Любое целое значение в пикселах или процентах от доступного пространства.

Значение по умолчанию

Высота вычисляется на основе содержимого таблицы.

Аналог CSS

HTML 4.01 IE Cr Op Sa Fx

   Тег TABLE, атрибут height   
.

Атрибут height HTML тега td

Атрибут height определяет высоту ячейки HTML таблицы.

Обычно высота ячейки устанавливается браузером таким образом, чтобы отобразить все ее содержимое. Атрибут height позволяет задать предопределенную заранее высоту ячейки.

Вместо него следует использовать стили CSS.

Пример синтаксиса CSS: .

Синтаксис атрибута
Значения атрибута
Значение Описание
pixels Высота ячейки в пикселях (например, height=»50″)
% Высота ячейки в процентах относительно родительского элемента (например, height=»50%»)
Пример использования атрибута

Ячейки HTML таблицы с предопределенной высотой:

  
Месяц Сумма
Январь $100

Атрибут height

Браузер сам устанавливает высоту таблицы и её ячеек исходя из их содержимого. Однако при использовании атрибута height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот атрибут будет проигнорирован. В случае, когда установлена высота ячейки, превышающая её содержимое, добавляется пустое пространство по вертикали.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

Значения

Любое целое значение в пикселях или процентах.

Значение по умолчанию

Высота вычисляется на основе содержимого ячейки.

Пример

TD, атрибут height

Ячейка 1

Примечание

Чтобы задать высоту ячеек используйте стилевое свойство height, добавляя его к селектору td .

Высота td

.

Браузеры

3 12 1 3.5 1 1
4.4 4 6 1

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *