Propiedades del olvido: visibility

22/jun/2007 4

Comezaré una serie de artículos con propiedades CSS que no son muy utilizadas, pero que mantienen una vigencia en cuanto a su utilidad. Es más que nada para que sepan que existen, sus usos y beneficios para sus proyectos web. En esta ocasión, la propiedad visibility.

Uso: visibility: visible | hidden;

Hace prácticamente lo mismo que display: esconde o muestra un elemento. La diferencia radica en que mientras el display: none; esconde el elemento y elimina el espacio que ocupa, visibility: hidden; mantiene ese espacio, escondiendo sólo su contenido.

Ver ejemplo práctico (view source para los curiosos).

Comentarios

  1. rodrigo polidura [#]

    Al desplegar none en ambos casos, el contenido que no se ve suma peso a la pagina o no?

  2. CSSLab Admin [#]

    Asi es en el HTML el contenido igual esta, si desactivas CSS desde tu browser podras ver q permanece ahi ,por lo tanto el peso de la pagina tb.

  3. fearlex [#]

    Yo uso esta propiedad bastante, aunque si uso mucho mas la propiedad display: none, no se por que. Espero con ansias el nuevo CSS3 aunque se que tendremos que esperar bastante para que los navegadores lo interpreten correctamente. :(

  4. Arcadio [#]

    Muy interesante…..

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab