Синтаксис
<table>
<tr>
<th>...</th>
</tr>
<tr>
<td>...</td>
</tr>
</table>
Описание
Тег <tr> (от англ. table row — строка таблицы) служит контейнером для создания строки в таблице.
Внимание!
Элемент <tr> используется только внутри тега <table>.
Ячейки в строке <tr> задаются тегами <th> (заголовочная ячейка) или <td> (стандартная ячейка).
Атрибуты, которые можно использовать в теге <tr>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| align | right left center justify char |
Указывает способ выравнивания содержимого ячеек. |
| bgcolor | rgb(x,x,x) #xxxxxx название цвета |
Определяет цвет фона ячеек. Не поддерживается в HTML 5 |
| bordercolor | rgb(x,x,x) #xxxxxx название цвета |
Определяет цвет рамки. Не поддерживается в HTML 5 |
| char | символ |
Указывает способ выравнивания содержимого ячеек по заданному символу. |
| charoff | число | Смещает содержимое ячеек относительно указанного символа. Используется, если атрибут align = "char". Не поддерживается в HTML 5 |
| valign | top middle bottom baseline |
Выравнивает содержимое внутри элемента по вертикали. Не поддерживается в HTML 5 |
Пример
HTML-код:
</thead>
<tbody>
</tbody>
Отображение в браузере:
| № | Страна | Город |
|---|---|---|
| 1 | Россия | Москва |
| 2 | Беларусь | Минск |
| 3 | Украина | Киев |
Параметры CSS по умолчанию
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <tr> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии