Свойство caption-side
Описание
Определяет положение заголовка таблицы, который задается с помощью элемента caption. Свойство выводит заголовок до или после таблицы.
Синтаксис
caption-side: top | bottom;| Значение | Описание |
| top | Заголовок располагается над таблицей. |
| bottom | Заголовок располагается под таблицей. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#table-1 {
max-width: 600px;
}
#test2 {
caption-side: bottom;
}
#table-1 tr td {
border: 1px solid rgb(0, 0, 0);
padding: 10px;
color: black !important;
}
</style>
<div>
<table id='table-1'>
<caption id='test2'>История доменов нашего сайта</caption>
<tr>
<td>Название</td>
<td>Состояние</td>
</tr>
<tr>
<td>gkipro.ru</td>
<td>Устарел</td>
</tr>
<tr>
<td>gki-pro.ru</td>
<td>Устарел</td>
</tr>
<tr>
<td>gki-webik.ru</td>
<td>Активно работает</td>
</tr>
</table>
</body>
</html>| Название | Состояние |
| gkipro.ru | Устарел |
| gki-pro.ru | Устарел |
| gki-webik.ru | Активно работает |
Читайте также
Свойство writing-mode
Устанавливает направление текста на странице — по горизонтали или вертикали.
!important
Играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей, также пр...
Свойство grid-template-rows
Определяет строки сетки с помощью списка значений разделённого пробелами. Значения представляют и...
Свойство text-emphasis-position
Устанавливает положение маркеров, отображаемых с помощью свойства text-emphasis-style.
Свойство justify-content
Определяет, как браузер распределяет пространство вокруг флекс - элементов вдоль главной оси конт...