<tr> - HTML-елемент рядка таблиці

HTML-елемент <tr> (або елемент рядка таблиці) визначає рядок комірок у таблиці. Комірки рядка можуть бути представлені сумішшю елементів <td> (комірка даних) та <th> (комірка заголовка).

Тег <tr> (table row) є ключовим елементом для створення структури таблиці. Він групує комірки в горизонтальні рядки. Кожен рядок може містити одну або більше комірок, які створюються за допомогою тегів <td> (для даних) або <th> (для заголовків).

HTML
<tr>...</tr>

Атрибути

Цей тег може мати глобальні атрибути.

align: Визначає горизонтальне вирівнювання вмісту кожної комірки в рядку. Можливі значення: left, center, right, justify, та char. Цей атрибут є застарілим, використовуйте CSS властивість text-align.
bgcolor: Визначає колір фону для всіх комірок у рядку. Цей атрибут є застарілим, використовуйте CSS властивість background-color.
valign: Визначає вертикальне вирівнювання вмісту кожної комірки в рядку. Можливі значення: top, middle, bottom, та baseline. Цей атрибут є застарілим, використовуйте CSS властивість vertical-align.

Технічне резюме

Категорія контенту	Немає.
Дозволений вміст	Нуль або більше елементів `<td>`, `<th>`, або скриптові елементи (`<script>`, `<template>`).
Пропуск тегів	Початковий тег є обов’язковим. Кінцевий тег може бути пропущений, якщо за ним відразу слідує інший елемент `<tr>`, або якщо в батьківському елементі більше немає вмісту.
Дозволені батьківські елементи	Елементи `<thead>`, `<tbody>`, `<tfoot>`, або `<table>` (якщо немає `<tbody>`).
Роль ARIA	`row`
DOM інтерфейс	`HTMLTableRowElement`

Приклади використання

<table>
  <caption>Основна інформація</caption>
  <tr>
    <th>Ім’я</th>
    <th>Вік</th>
  </tr>
  <tr>
    <td>Іван</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Марія</td>
    <td>30</td>
  </tr>
</table>

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}
th {
  background-color: #f2f2f2;
}

Стилі за замовчуванням

CSS
tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

Підтримка браузерів



`<tr>`
`align`
`bgcolor`
`char`
`charoff`
`valign`