Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк. Например, как для таблицы, показанной на рис. 1.
Рис. 1. Пример таблицы, где используется вертикальное объединение ячеек
В приведённой на рис. 1 таблице содержатся две строки и две колонки, причём левые вертикальные ячейки объединены с помощью атрибута rowspan.
Синтаксис
<th rowspan="<число>">...</th>
Значения
Любое целое положительное число больше 1.
Значение по умолчанию
1
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>TH, атрибут rowspan</title>
<style>
table {
width: 100%; /* Ширина таблицы */
}
td, th {
border: 1px solid #333;
padding: 0.5em; /* Расстояние от текста до рамки */
}
th {
background-color: #FBF0DB; /* Цвет фона */
}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2">Ячейка 1</th>
<td>Ячейка 2</td>
</tr>
<tr>
<td>Ячейка 3</td>
</tr>
</table>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.