visibility

 

Resumen

La propiedad visibility se usa para dos efectos:

  1. El valor hidden esconde un elemento, pero deja (vacío) el espacio donde debería aparecer.
  2. El valor collapse esconde filas o columnas de una tabla.

Sintaxis

visibility: visible | hidden | collapse | inherit

Valores

visible
El elemento se muestra normalmente.
hidden
El elemento está escondido, pero los demás elementos se colocan como si ése elemento estuviera presente. Esto funciona como si el elemento fuera absolutamente transparente. Los elementos, con la propiedad visibility: visible, descendientes de ése elemento serán visibles.
collapse
Para tablas, filas, columnas y grupos de tablas. Las filas o columnas se esconden y el espacio que normalmente ocupan, es ocupado (como si aplic√°ramos el c√≥digo display: none a las filas/columnas de la tabla). Sin embargo, el tama√Īo de las columnas o filas restantes, es calculado como si las filas/columnas fusionadas estuvieran presentes. Esta propiedad se dise√Ī√≥ as√≠, al fin de permitir la supresi√≥n r√°pida de filas/columnas de una tabla sin necesidad de calcular de nuevo los altos y los anchos de cada porci√≥n de tabla. (Para otros elementos, collapse funciona como hidden).

Ejemplos

p        { visibility: hidden; }   /* Los p√°rrafos no ser√°n visibles                       */
p.showme { visibility: visible; }  /* excepto los que tengan class = showme (clase= muéstrame)                */
tr.col   { visibility: collapse; } /* las filas de la tabla con la clasecol se fusionar√°n*/

Notas

El soporte para visibility: collapse no se encuentra o est√° implementado parcialmente en algunos navegadores modernos. En muchos casos ser√° tratado como visibility: hidden en elementos que no son filas / columnas de una tabla.

visibility:collapse puede cambiar el aspecto de una tabla si hay anidadas tablas dentro de celdas fusionadas, a no ser que se especifique explícitamente visibility: visible en la tabla anidada.

Especificaciones

Ver también

display

 

Categorías

Interwiki Languages