Тег <tr> — CodeFind

Синтаксис

Описание

Тег <tr> (от англ. table row — строка таблицы) служит контейнером для создания строки в таблице.

Внимание!

Элемент <tr> используется только внутри тега <table>.

Ячейки в строке <tr> задаются тегами <th> (заголовочная ячейка) или <td> (стандартная ячейка).

Атрибуты, которые можно использовать в теге <tr>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
align	right left center justify char	Указывает способ выравнивания содержимого ячеек. Не поддерживается в HTML5
bgcolor	rgb(x,x,x) #xxxxxx название цвета	Определяет цвет фона ячеек. Не поддерживается в HTML 5
bordercolor	rgb(x,x,x) #xxxxxx название цвета	Определяет цвет рамки. Не поддерживается в HTML 5
char	символ	Указывает способ выравнивания содержимого ячеек по заданному символу. Используется только, если атрибут align = "char". Не поддерживается в HTML 5
charoff	число	Смещает содержимое ячеек относительно указанного символа. Используется, если атрибут align = "char". Не поддерживается в HTML 5
valign	top middle bottom baseline	Выравнивает содержимое внутри элемента по вертикали. Не поддерживается в HTML 5

Пример

HTML-код:

<!DOCTYPE html>

<head>

</head>

<body>

<table>

<thead>

<tr>

<th>№</th>

<th>Страна</th>

<th>Город</th>

</tr>
</thead>
<tbody>

<tr>

<td>1</td>

<td>Россия</td>

<td>Москва</td>

</tr>

<tr>

<td>2</td>

<td>Беларусь</td>

<td>Минск</td>

</tr>

<tr>

<td>3</td>

<td>Украина</td>

<td>Киев</td>

</tr>
</tbody>

</table>

</body>

</html>

Отображение в браузере:

№	Страна	Город
1	Россия	Москва
2	Беларусь	Минск
3	Украина	Киев

Параметры CSS по умолчанию

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

Поддержка браузера

Элемент	Chrome	Opera	Firefox	Safari	Microsoft Edge
<tr>	Да	Да	Да	Да	Да

Элемент

Chrome

Opera

Firefox

Safari

Microsoft Edge

<tr>

Да