caption-side

Описание

Свойство CSS caption-side позволяет позиционировать заголовок таблицы, заданный при помощи тега <caption> относительно самой таблицы.

caption-side
Значения: top | bottom | inherit
Начальное значение: top
Область применения: элементы <caption>
Наследование: да
Поддержка браузерами: Internet Explorer 8+, Chrome 1+, Opera 4+, Safari 1+, Firefox 1+
Версия CSS: CSS 2.1
Примечание:

Синтаксис

caption-side: top | bottom | inherit

Значения

top
Заголовок располагается до самой таблицы
bottom
Заголовок располагается после самой таблицы
left
Заголовок располагается слева таблицы (работает только в Firefox)
right
Заголовок располагается справа таблицы (работает только в Firefox)
inherit
Будут использоваться значения родительского элемента
Значения left и right были предложены для спецификации CSS2, но были отменены в спецификации CSS2.1

Пример

table {border:1px solid #000;}
td {border:1px solid #000; padding: 15px 30px;} 
caption {caption-side: bottom;}
<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<title>Свойство CSS caption-side</title>
</head>
<body>
<table>
<caption>Заголовок</caption>
<tr>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td></td>
	<td></td>
	<td></td>
</tr>
</table>
</body>
</html>

Результат

CSS caption-side

Комментирование запрещено.