English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo visibility especifica si un elemento es visible o no.
La siguiente tabla describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | visible |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Sí |
| Animable: | Sí.Consulte Atributos de animación。 |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.visibility="hidden" |
La sintaxis de este atributo es la siguiente:
visibility: visible | hidden | collapse | initial | inherit
El siguiente ejemplo muestra cómo se utiliza el atributo visibility.
p {
visibility: hidden;
}
div {
visibility: hidden;
}Ver el‹/›La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| visible | Este cuadro y su contenido son visibles. Este es el valor predeterminado. |
| hidden | Este cuadro y su contenido son invisibles, pero aún afectan el diseño de la página. |
| collapse | Sólo se aplica a ciertos objetos internos de tabla: filas, grupos de filas, columnas y grupos de columnas. Elimina el objeto, pero no afecta de otra manera el diseño de la tabla. El espacio ocupado por los objetos de tabla se llenará con los objetos同级 siguientes. Si se especifica la plegabilidad para otros elementos, su comportamiento es el mismo que ocultar. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado adopta el valor del atributo visibility del elemento padre. |
Compatibilidad del navegador para el atributo visibility, los números en la siguiente tabla representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:Visibilidad de CSS，Visualización de CSS。
Atributos relacionados:display。