• Теория
  • Теория

Заголовок таблицы

Следующий элемент мира HTML-таблиц — табличный заголовок <caption>. Его представление в CSS:

.this-is-caption {
  display: table-caption;
}

В HTML-таблице тег заголовка располагается внутри неё, в CSS-таблице это так же.

Также к заголовкам CSS-таблиц применимо свойство для вертикального позиционирования заголовка таблицы caption-side. Подробно о нём рассказывается в задании «Заголовок таблицы» части «Знакомство с таблицами».

Создадим заголовок нашей CSS-таблицы.

Для удобства восприятия мы визуально объединили несколько полок в одну.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Таблицы на CSS» тренажёра «Табличные раскладки» можно после регистрации и оформления подписки.