caption-side

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

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

Кратко

Скопировано

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

Пример

Скопировано

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

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

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

        
        
          
        
      

Как пишется

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

Подсказки

Скопировано

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