empty-cells

<< border-spacing Visibilidad >>

Esta propiedad (sólo para bordes separados como la anterior) indica que cuando alguna celda no tenga contenido la muestre (dibujar los bordes de la misma) o no.

  • show: Aunque la celda esté vacía dibujará sus bordes.
  • hide: Este es el valor por defecto. Si una celda de la tabla no tiene ningún tipo de contenido, no dibujará sus bordes.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Ejemplo selectores</title>
    <link rel="stylesheet" href="tablas.css" />
  </head>
  <body>
    <table>
      <tr>
        <td>Name</td>
        <td>Location</td>
      </tr>
      <tr>
        <td>Lion</td>
        <td></td>
      </tr>
      <tr>
        <td>Seal</td>
        <td>Antártida</td>
      </tr>
      <tr>
        <td></td>
        <td>Europa</td>
      </tr>
      <tr>
        <td>Tiger</td>
        <td>Asia</td>
      </tr>
    </table>
  </body>
</html>

<< border-spacing Visibilidad >>