caption-side | Справочник CSS
http://belarusweb.net
Основы создания сайтов

caption-side

Описание

css-свойство caption-side (от англ. caption sideрасположение заголовка) устанавливает положение заголовка до либо после таблицы.

Характеристики

  • Значение по умолчанию: top.
  • Применяется: к элементу <caption>, а также ко всем элементам, у которых значение display установлено в table-caption.
  • Наследуется: да.
  • Анимируется: нет.
  • JavaScript: object.style.captionSide="value".

Синтаксис

caption-side: top | bottom

Значения

  • top – заголовок располагается над таблицей.
  • bottom – заголовок располагается под таблицей.

Ссылки

Примеры

HTML Результат BwCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
	
		table{
		width: 50%;
		margin-top: 3em;
		border: 1px solid green;
		border-collapse: collapse;
		}
		
		td{
		border: 1px solid green;
		}

		.captionTop{
		caption-side: top;
		}
		
		.captionBottom{
		caption-side: bottom;
		}
		
	</style>
	
</head>
<body>
	
	<table class="captionTop">
		
		<caption>Таблица с верхним заголовком</caption>
		
		<tr>
			<td>Ячейка 1.1</td><td>Ячейка 1.2</td>
		</tr>
		
		<tr>
			<td>Ячейка 2.1</td><td>Ячейка 2.2</td>
		</tr>
		
	</table>	
	
	
	<table class="captionBottom">
		
		<caption>Таблица с нижним заголовком</caption>
		
		<tr>
			<td>Ячейка 1.1</td><td>Ячейка 1.2</td>
		</tr>
		
		<tr>
			<td>Ячейка 2.1</td><td>Ячейка 2.2</td>
		</tr>
		
	</table>
		
</body>
</html>	

Пример №1