Saltar la navegación

3.5.5.- Propiedad display.

Esta propiedad se puede usar para:

  • Hacer que un elemento sea de bloque o de línea.
  • Ocultarlo o hacerlo visible. Normalmente, a través de JavaScript.

Ejemplo

En este ejemplo, hay varios vínculos, que son elementos de línea. Pero hay una regla CSS que hace que los que tienen clase "especial" sean de bloque.

<!DOCTYPE html>
<html>
  <head>
     <title>Ejemplo de atributos CSS de fuente</title>
     <style>         
        .especial { display: block}
     </style>
  </head>
  <body>     
     <a href="#">Primer vínculo (normal)</a>
     <a href="#">Segundo vínculo (normal)</a>
     <a href="#" class="especial">Tercer vínculo (especial)</a>
     <a href="#" class="especial">Cuarto vínculo (especial)</a>
  </body>
</html>

Se verá así:

Ilustración de cómo se visualiza en un navegador web ejemplo CSS Propiedad Display
Materiales educativos de la CAM (Uso educativo NC)