Parece que Chrome / Firefox no tr
procesa los bordes , pero muestra el borde si el selector lo está table tr td
.
¿Cómo puedo poner un borde en un tr?
Mi intento, que no funciona:
table tr {
border: 1px solid black;
}
<table>
<tbody>
<tr>
<td>
Text
</td>
</tr>
</tbody>
</table>
http://jsfiddle.net/edi9999/VzPN2/
Esta es una pregunta similar: establecer el borde en la tabla tr, funciona en todo excepto IE 6 y 7 , pero parece funcionar en todas partes excepto en IE.
html
css
html-table
edi9999
fuente
fuente
Respuestas:
Agregue esto a la hoja de estilo:
JSFiddle .
La razón por la que se comporta de esta manera se describe bastante bien en la especificación :
... y más tarde, para
collapse
configurar:fuente
separate
, por defecto, el modelo de borde de tabla: usted especifica bordes para cada celda. Actualizaré la respuesta con citas de la documentación.