visibility
Establece si se mostrará el contenido del objeto.
Sintaxis
{ visibility: sVisibility }
Valores posibles
sVisibility
Cadena que especifica o recibe uno de los valores siguientes:
inherit |
Valor predeterminado. El objeto hereda la visibilidad del siguiente objeto primario. |
hidden |
El objeto está oculto. |
visible |
El objeto está visible. |
La propiedad tiene el valor predeterminado inherit. La propiedad de la hoja de estilos en cascada no se hereda.
Observaciones
A diferencia de los objetos que tienen establecida la propiedad display en none, los objetos ocultos mediante la propiedad visibility conservan el mismo espacio físico en el diseño del contenido que tendrían si fuesen visibles. Puede cambiar la visibilidad mediante scripts que muestren y oculten el contenido superpuesto en función de la interacción del usuario.
Ejemplos
En el siguiente ejemplo se usa la propiedad visibility para determinar si el objeto es visible. Se utilizan dos llamadas a una hoja de estilo incrustada (global) para ocultar y después mostrar la imagen cuando el usuario mueve el puntero sobre el texto y después fuera de él:
<style>
.vis1 {visibility:visible}
.vis2 {visibility:hidden}
</style>
</head>
<body>
<img id="oSphere" src="sphere.jpg">
<p onmouseover="oSphere.className='vis2'"
onmouseout="oSphere.className='vis1'">
Move the mouse over this text to make the sphere
disappear.</p>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)).
Aplicable a
A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FORM, HN, HR, HTML, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OBJECT, OL, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP