css властивість caption-side

Властивість caption-side визначає положення заголовка таблиці, який задається за допомогою елемента <caption> в самій таблиці.

Положення цього заголовку також зележить від значення властивості writing-mode.

правити

Нотатка

Встановлюйте вирівнювання тексту по правому чи лівому краю через властивість text-align.

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

caption-side: top|bottom|initial|inherit;

Властивість caption-side може отримувати 4 значень:

top

Заголовок буде зверху таблиці. Без задання.

автор: Svitlana

правити

bottom

Заголовок буде під таблицею.

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
caption-side	1.0	1.0	1.0	4.0	12.0	8.0

Підтримка: мобільні переглядачі

Переглядач
caption-side	1.0	1.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<table>
    <caption>Підпис опинився знизу</caption>
    <tr><td>комірка</td><td>комірка</td></tr>
</table>

caption {
    caption-side: bottom;
}

table, td {
    border: 1px solid #0172ad;
}

td { padding: 6px; }