НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <caption>


Приклад

Таблиця з підписом (заголовком):

<table>
  <caption>Щомісячний прибуток на Google AdSense</caption>
  <tr>
    <th>Місяць</th>
    <th>Прибуток</th>
  </tr>
  <tr>
    <td>Січень</td>
    <td>$1000</td>
  </tr>
</table>
Спробуйте самі »

Більше прикладів "Спробуйте самі" далі.


Визначення та використання

Тег <caption> визначає заголовок (підпис) таблиці.

Тег <caption> потрібно вставити одразу після тегу <table>.

Порада: За замовчуванням заголовок таблиці буде вирівняно по центру над таблицею. Однак CSS властивості text-align та caption-side можна використовувати для вирівнювання та розміщення заголовоку (підпису).


Підтримка браузерами

Елемент
<caption> Так Так Так Так Так

Глобальні атрибути

Тег <caption> також підтримує Глобальні атрибути в HTML.


Атрибути подій

Тег <caption> також підтримує Атрибути подій в HTML.


Більше прикладів

Приклад

Позиціонування підписів таблиці (за допомогою CSS):

<table>
  <caption style="text-align:right">Мій дохід</caption>
  <tr>
    <th>Місяць</th>
    <th>Дохід</th>
  </tr>
  <tr>
    <td>Січень</td>
    <td>$100</td>
  </tr>
</table>
<br>

<table>
  <caption style="caption-side:bottom">Мій дохід</caption>
  <tr>
    <th>Місяць</th>
    <th>Дохід</th>
  </tr>
  <tr>
    <td>Січень</td>
    <td>$1000</td>
  </tr>
</table>
Спробуйте самі »

Пов’язані сторінки

HTML DOM довідник: Об’єкт Caption


CSS налаштування за замовчуванням

Більшість браузерів будуть відображати елемент <caption> з наступними значеннями за замовчуванням:

Приклад

caption {
  display: table-caption;
  text-align: center;
}
Спробуйте самі »