Свойство 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>Читайте также
currentColor
Ключевое слово color для текущего элемента. Это позвол...
Свойство table-layout
Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом....
Свойство border-bottom-style
Устанавливает стиль границы элемента....
Свойство page-break-before
Добавляет разрыв страницы при печати документа перед заданным элементом....