Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <caption>

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

Описание

HTML тег <caption> определяет заголовок или описание к таблице и должен быть вставлен сразу, после открывающего тега <table>. Для каждой таблицы может быть задан только один заголовок.

По умолчанию, заголовок выводится над таблицей и выравнивается по центру. Для выравнивания заголовка по левому или правому краю используется CSS свойство text-align, так же имеется возможность выбрать, где будет располагаться заголовок, сверху или снизу таблицы, для этого используется свойство caption-side.

Атрибуты

Тег <caption> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

caption {
    display: table-caption;
    text-align: center;
} 

Пример

<table border="1" style="width: 200px;">
  <caption>Ежемесячные сбережения</caption>
  <tr>
    <th>Месяц</th>
    <th>Сбережения</th>
  </tr>
  <tr>
    <td>Декабрь</td>
    <td>100р</td>
  </tr>
</table> 

Результат данного примера в окне браузера:

Пример использования тега <caption>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | puzinfo@puzzleweb.ru