Свойство caption-side определяет положение заголовка таблицы (тег <caption>) относительно таблицы.
Это свойство применимо к тегу <caption>.
Не поддерживается Internet Explorer до версии 8.0.
Значение свойства caption-side
- top - заголовок располагается над таблицей;
- bottom – заголовок располагается под таблицей;
- right - заголовок располагается справа от таблицы (поддерживаются только Firefox);
- left – заголовок располагается слева от таблицы (поддерживаются только Firefox);
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- top
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство caption-side </title>
</head>
<body>
<table width="700" border="1" align="center">
<caption style="caption-side:bottom"> Заголовок расположен под таблицей </caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство caption-side </title>
</head>
<body>
<table width="700" border="1" align="center">
<caption style="caption-side:bottom"> Заголовок расположен под таблицей </caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Результат
