Veamos cómo podemos controlar el desbordamiento del contenido con la ayuda de una propiedad. A veces ocurre que tenemos la anchura y altura fijas del elemento. Sin embargo, el contenido interior es mucho mayor que el espacio disponible. La propiedad overflow controla el comportamiento del contenido de un elemento cuando excede los valores height o width establecidos explícitamente para el elemento.

``css overflow: visible | scroll | hidden | auto

visible

Si la propiedad overflow no está definida, su valor por defecto es visible. Significa que el contenido se mostrará fuera de los bordes del elemento. En el ejemplo, los bordes de la caja están resaltados en azul oscuro, y la caja tiene propiedades fijas de anchura y altura.

scroll

Podemos ver el contenido completo del elemento utilizando un scroll. Veamos el ejemplo:

oculto

Todo el contenido de desbordamiento se ocultará, y un usuario nunca lo verá. Generalmente, es útil sólo cuando necesitamos desarrollar algunos efectos decorativos.