Visibility and display.

Visibility y display

Estilo visibility

El estilo “visibility” de una capa controla si ésta será visualizada o no. Para determinar eso, posee dos valores: “visible” y “hidden”. La característica de este estilo es que aunque el elemento no sea visible, continúa ocupando su espacio en el flujo del HTML. Todo lo contrario ocurre con el estilo “display”, que veremos a continuación.

Estilo display

Como ya dijimos anteriormente, el estilo display se diferencia de “visibility” en que éste puede reservar o no el espacio del elemento invisible en el flujo de html. Para que no reserve el espacio se ha de usar el valor “none”.

Display tiene tres valores más: “block”, que muestra un salto de línea antes y después del documento, “inline”, que no muestra ningún salto de línea, y “list-item”, que actúa igual que block en cuánto al espaciado, pero que añade un marcador de ítems de lista.

Visibilidad-and-Display

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: