Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad de visibilidad especifica si un elemento es visible.
Tip: Incluso elementos invisibles ocupa espacio en la página. Utilice la pantalla de propiedad para crear elementos invisibles que no ocupan espacio!
| Valor por defecto: | visible |
|---|---|
| Heredado: | yes |
| animatable: | yes. Read about animatable |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.visibility="hidden" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
sintaxis CSS
visibility: visible|hidden|collapse|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| visible | Valor por defecto. El elemento es visible | Juegalo " |
| hidden | El elemento es invisible (but still takes up space) | Juegalo " |
| collapse | Sólo para elementos de tabla. colapso elimina una fila o columna, pero no afecta a la disposición de la tabla. El espacio ocupado por la fila o columna estará disponible para otros contenidos. Si se utiliza el colapso de otros elementos, como se hace "hidden" | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Más ejemplos
Ejemplo
Este ejemplo demuestra cómo hacer un colapso del elemento de tabla:
tr.collapse {
visibility: collapse;
} Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS la exposición y exhibición
Referencia HTML DOM: visibility property