Свойство 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>Читайте также
Селекторы атрибутов
Устанавливает стиль для элемента, если задан специфичный атрибут. Его значение в данном случае не важно....
Свойство align-self
Используется для выравнивания флекс - элементов текущей строки. Аналог align-items, отличие в том что он применяется для отдельных элементов flexbox /...
Свойство grid-row-end
Определяет местоположение в сетке ссылаясь на конкретные линии.
grid-column-end / grid-row-end — это линия на которой элемент заканчивается....
Свойство grid-row-gap
Определяет размер ширины линий. Вы можете думать об этом, как о настройке ширины отступов между строками....