CSS propiedades de visibility

Definición y uso

La propiedad visibility especifica si un elemento es visible.

Consejo:Incluso los elementos invisibles ocupan espacio en la página. Utilice la propiedad "display" para crear elementos invisibles que no ocupen espacio en la página.

Descripción

Esta propiedad especifica si se debe mostrar o no el cuadro generado por un elemento. Esto significa que el elemento aún ocupa su espacio original, pero puede ser completamente invisible. El valor collapse se utiliza en las tablas para eliminar columnas o filas del diseño de la tabla.

Vea también:

Tutoriales CSS:Posicionamiento CSS

Manual de referencia del DOM HTML:Atributo visibility

Ejemplo

Hacer que el elemento h2 sea invisible:

h2
  {
  visibility: oculto;
  }

Pruebe usted mismo

Sintaxis de CSS

visibility: visible|hidden|collapse|initial|inherit;

Valor del atributo

Valor Descripción
visible Valor predeterminado. El elemento es visible.
oculto El elemento es invisible.
collapse Cuando se utiliza en elementos de tabla, este valor puede eliminar una fila o una columna, pero no afectará el diseño de la tabla. El espacio ocupado por la fila o la columna se dejará para otros elementos. Si este valor se utiliza en otros elementos, se mostrará como "oculto".
inherit Se especifica que la propiedad visibility debe ser heredada del valor del elemento padre.

Detalles técnicos

Valor predeterminado: visible
Herencia: sí
Versión: CSS2
Sintaxis de JavaScript: object.style.visibility="oculto"

TIY Ejemplo

Cómo hacer que un elemento sea invisible
Este ejemplo muestra cómo hacer que un elemento sea invisible. ¿Desea que el elemento se muestre o no?
Establecer el elemento de la tabla en collapse
Este ejemplo muestra cómo hacer que los elementos de la tabla se superpongan.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0