Definición de .visibility en CSS
La propiedad .visibility en CSS tiene dos funciones diferentes. Oculta filas y columnas de una tabla, y también oculta un elemento sin cambiar el diseño.
Ejemplo de empleo : propiedad CSS visibility
Esta propiedad de CSS habitualmente se emplea de esta forma:
p {
visibility: hidden;
}
tr {
visibility: collapse;
}Otro ejemplo más avanzado de .visibility es el siguiente de CODEPEN:
Sintaxis de .visibility en CSS
visibility: visible|hidden|collapse|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| visible | Valor por defecto. El elemento es visible | |
| oculto | El elemento está oculto (pero aún ocupa espacio) | |
| colapsar | Solo para filas de tablas (<tr>), grupos de filas (<tbody>), columnas (<col>), grupos de columnas (<colgroup>). Este valor elimina una fila o columna, pero no afecta el diseño de la tabla. El espacio ocupado por la fila o columna estará disponible para otro contenido. Si se usa el colapso en otros elementos, se representa como "oculto" | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .visibility
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| white-space | 1.0 | 8.0 | 3.5 | 3.0 | 9.5 |
