caption-side

Способ управлять положением подписи к таблице

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Свойство для управления положением текста, оформленного при помощи тега <caption>.

Пример

Секция статьи "Пример"

В примере ниже подпись «Сводная таблица лайков» будет находиться под таблицей.

        
          
          <table>  <caption>Сводная таблица лайков</caption>  ...</table>
          <table>
  <caption>Сводная таблица лайков</caption>
  ...
</table>

        
        
          
        
      
        
          
          caption {  caption-side: bottom;}
          caption {
  caption-side: bottom;
}

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"
  • top — подпись находится над таблицей (значение по умолчанию);
  • bottom — подпись находится под таблицей.

Подсказки

Секция статьи "Подсказки"

💡 Не важно где визуально будет отображаться подпись скринридер прочитает её перед таблицей.