Estilo visibility

El estilo “visibility” de una capa controla si ésta será visualizada o no. Para determinar eso, posee dos valores: “visible” y “hidden”. La característica de este estilo es que aunque el elemento no sea visible, continúa ocupando su espacio en el flujo del HTML. Todo lo contrario ocurre con el estilo “display”, que veremos a continuación.

Estilo display

Como ya dijimos anteriormente, el estilo display se diferencia de “visibility” en que éste puede reservar o no el espacio del elemento invisible en el flujo de html. Para que no reserve el espacio se ha de usar el valor “none”.

Display tiene tres valores más: «block», que muestra un salto de línea antes y después del documento, «inline», que no muestra ningún salto de línea, y «list-item», que actúa igual que block en cuánto al espaciado, pero que añade un marcador de ítems de lista.