<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
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 celdascenter
, centra el contenido en las celdasright
, alinea el contenido a la derecha de las celdasjustify
, amplia los espacios en el contenido textual de hecho el contenido es justificado in las celdaschar
, alinea el contenido textual en un carácter especial con una mínima inclinación definida por los atributoschar
ycharoff
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
ojustify
, utilice la propiedad CSStext-align
. - Para lograr el mismo efecto que el valor char, en CSS3, puede utilizar el valor de la
char
como el valor de la propiedadtext-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 CSSbackground-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 atributochar
como el valor de la referencia externa de la propiedadtext-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 '.'. <
- El