/css/caption-side:> Положение названия таблицы_

Свойство caption-side

Синтаксис

CSS 2‒2.2
CSS 3
caption-side: top | bottom | inherit;

Описание

Свойство caption-side определяет положение колонтитула (названия, заглавия, поясняющей надписи) таблицы относительно самой таблицы.

Применяется: к «table-caption» элементам
(элемент caption, элементы со свойством «display: table-caption;»);
Наследование: присутствует;
Проценты: не используются;
Медиа: визуальные.

JavaScript

[объект].style.captionSide="[значение]";


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения

top
Устанавливает колонтитул (название) сверху таблицы.

Название таблицы расположено сверху таблицы caption-side: top

bottom
Устанавливает колонтитул (название) снизу таблицы.

Название таблицы расположено сверху таблицы caption-side: bottom

inherit
Указывает, что элемент должен унаследовать параметры родительского элемента.

Начальное значение: «top».


Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство caption-side</title>
<style type="text/css">
.tbl {border: 1px solid #d8d8d8;}
.tbl th, .tbl td {border: 1px solid #d8d8d8;}
caption { caption-side: bottom; }
</style>
</head>
<body>
<h1>Положение заголовка таблицы</h1>
<table class="tbl">
<caption>Нижний колонтитул</caption>
<tbody>
<tr>
<th>Ячейка 1</th>
<td>Ячейка 2</td>
<td>Ячейка 3</td>
</tr>
</tbody>
</table>
</body>
</html>
Свойство caption-side