Свойство 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>Читайте также
Стиль поля формы с обязательным вводом
Применяет стилевые правила к элементу input, у которого установлен атрибут required, он позволяет выделять поля обязательные к заполнению перед отправ...
Свойство border-top
Позволяет одновременно установить толщину, стиль и цвет верхней границы элемента.
Значения могут идти в любом порядке, браузер автоматически опреде...
Свойство animation-name
Указывает имя запускаемой аниимации....
Свойство grid-template
Сокращение для grid-template-rows, grid-template-columns и grid-template-areas....