<tr>: El elemento Fila de la tabla

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumen

El elemento HTML fila de tabla (table row) <tr> define una fila de celdas en una tabla. Estas pueden ser una mezcla de elementos <td> y <th>.

Contexto de uso

Content categories Ninguno
Contenido permitido Cero o más <td> o elementos <th>, o una mezcla de ellos
Omisión de Etiqueta La etiqueta de inicio es obligatoria. La etiqueta final puede ser omitida si el elemento <tr> va inmediatamente seguido por un elemento <tr>, o si el grupo de tabla pariente (<thead>, <tbody> o el elemento <tfoot>) no tiene mas contenido
Elementos padres permitidos <table>, <thead>, <tbody> o el elemento <tfoot>
Documento de normativa HTML, "The tr element"

Atributos

Este elemento incluye los global attributes.

align Obsoleto

Este atributo enumerado especifica como será gestionado el alineamiento horizontal del contenido de cada celda. Hay varios valores:

  • left, alinea el contenidoa la izquierda de las celdas
  • center, centra el contenido en las celdas
  • right, alinea el contenido a la derecha de las celdas
  • justify, amplia los espacios en el contenido textual de hecho el contenido es justificado in las celdas
  • char, alinea el contenido textual en un carácter especial con una mínima inclinación definida por los atributos char y charoff

Si este atributo no está establecido, se hereda el valor del nodo principal.

Nota: No utilice este atributo, ya que es obsoleta (no soportado) en el último estándar.

  • Para lograr el mismo efecto que los valores left, center, right o justify, utilice la propiedad CSS text-align.
  • Para lograr el mismo efecto que el valor char, en CSS3, puede utilizar el valor de la char como el valor de la propiedad text-align.
bgcolor Obsoleto

Este atributo define el color de fondo de cada celda de la fila. Puede ser un código de #RRGGBB o una palabra clave de color de SVG.

Nota: El elemento <tr> debe ser de estilo con CSS. Para dar un efecto similar al atributo bgcolor, utilice la propiedad CSS background-color.

char Obsoleto

Este atributo es utilizado para establecer el caracter para alinear las celdas de una columna. Los valores típicos para éste incluyen un punto (.) al intentar alinear los números o valores monetarios. Si align no se ha ajustado a char, este atributo se ignora.

Nota: No utilice este atributo, ya que es obsoleta (y no es compatible) en el último estándar. Para lograr el mismo efecto que el char, en CSS3, puedes utilizar el juego de carácteres utilizando el atributo char como el valor de la referencia externa de la propiedad text-align.

charoff Obsoleto

Este atributo se utiliza para indicar el número de caracteres para compensar los datos de la columna de los carácteres de alineación especificado por el atributo char.

Nota: No utilice este atributo, ya que está obsoleto (y no es compatible) en el último estándar.

valign Obsoleto

Este atributo especifica la alineación vertical del texto dentro de cada fila de las celdas de la cabecera de la tabla. Los valores posibles para este atributo son:

  • baseline, que pondrá el texto tan cerca del fondo de la celda, ya que es posible, pero corresponda con el baseline de los caráctere en lugar de la parte inferior de ellos. Si los carácteres son todos del tamaño, esto tiene el mismo efecto que la parte inferior.
  • bottom,que pondrá el texto tan cerca de la parte inferior de la célula como sae posible;
  • middle,que centrará el texto en la celda;
  • y top, que pondrá el texto como cerca de la parte superior de la célula como es posible.

    Nota: No utilice este atributo, ya que está obsoleto (y no es compatible) en el último estándar: vertical-align en su lugar establecer la propiedad CSS en él.

Interfaz DOM

Este elemento implementa el interfazHTMLTableRowElement.

Ejemplos

Ver <table> para ejemplos de <tr>.

Especificaciones

Specification
HTML
# the-tr-element

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
tr
align
Deprecated
bgcolor
Deprecated
char
Deprecated
charoff
Deprecated
valign
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.

Véase también

  • Otros elementos relacionados con tablas HTML: <caption>, <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>;

  • Las propiedades CSS y pseudo-clases que pueden ser especialmente útiles para el estilo del elemento <tr>:

    • El :nth-child pseudo-clase para establecer la alineación en las células de la columna;
    • El text-align propiedad para alinear todas las células contenidos en el mismo carácter, como '.'. <