/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
[объект]
Поддержка браузерами
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>
<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