Свойство 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>Читайте также
Селекторы атрибутов со значениями в конце
Устанавливает стиль для элемента в том случае, если значение атрибута оканчивается указанным текстом....
Дочерние селекторы
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента. Какой элемент выступает родителем, а какой его потом...
Свойство border-bottom-color
Устанавливает цвет нижней границы элемента....
Вывод контента после содержимого элемента
Псевдоэлемент, который используется для вывода контента после содержимого элемента, к которому он добавляется. Псевдоэлемент ::after работает совместн...