TABLAS CON COLOR (semestral)


Bordes de los elementos <table>, <tbody>, <tr> y <td>
En el modo separado, los navegadores representan únicamente el borde de la tabla (<table>) y el borde de las celdas (<td>).

En el modo colapsado, los navegadores representan los bordes de todos los elementos: la tabla (<table>), los cuerpos de tabla (<tbody>), las filas (<tr>) y las celdas (<td>).

Nota: Tanto en modo separado como colapsado, Chrome muestra el borde de las celdas del color definido para <table>, <tbody> y <tr>, pero sin aplicar el grosor.



En el modo colapsado, si en una misma tabla hay bordes de elementos distintos que se superponen, los navegadores dibujan el de mayor grosor (o el más interior, si son del mismo grosor).



Fondos en los elementos <table>, <tbody>, <tr> y <td>

En ambos modos (colapsado y separado), los navegadores representan los fondos de los elementos <table>, <tbody>, <tr> y <td>. Lógicamente, el fondo de la celda tiene prioridad sobre el fondo de la fila y así sucesivamente.