<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 Standard
# the-tr-element

Compatibilidad con navegadores

BCD tables only load in the browser

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 '.'. <