Índice

Celdas vacías en las tablas

Esta propiedad permite determinar el comportamiento del navegador cuando se encuentra una celda vacía en una tabla.

empty-cells:

show;

hide;

Comentarios

  • El valor show muestra la celda vacía. Los bordes y el fondo también son visibles.

  • El valor hide no muestra la celda vacía. Los bordes y el fondo también son invisibles.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8">  
<style type="text/css"> 
table { width: 200px; 
        text-align: center;} 
td { border : 1px solid gray; 
     background-color: rgb(213,230,245);} 
.show {empty-cells: show;} 
.hide {empty-cells: hide;} 
</style> 
</head> 
<body> 
<table> 
<tr> 
<td class="show"></td><td>2</td><td>3</td> 
</tr> 
<tr> 
<td>4</td><td>5</td><td>6</td> 
</tr> 
<tr> 
<td>7</td><td>8</td><td class="hide"></td> 
</tr> 
</table> 
</body> 
</html>
images/CAP15IMG06.png