Diseño CSS - Overflow
La propiedad CSS overflow se utiliza para controlar la forma en que se muestra el contenido cuando desborda el cuadro del elemento.
El contenido de este texto se puede desplazar; la dirección de la barra de desplazamiento es vertical.
El contenido de este texto se puede desplazar; la dirección de la barra de desplazamiento es vertical.
El contenido de este texto se puede desplazar; la dirección de la barra de desplazamiento es vertical.
El contenido de este texto se puede desplazar; la dirección de la barra de desplazamiento es vertical.
El contenido de este texto se puede desplazar; la dirección de la barra de desplazamiento es vertical.
El contenido de este texto se puede desplazar; la dirección de la barra de desplazamiento es vertical.
CSS Overflow
La propiedad CSS overflow puede controlar la adición de una barra de desplazamiento dentro del área del elemento correspondiente cuando el contenido desborda el cuadro del elemento.
La propiedad overflow tiene los siguientes valores:
| Valor | Descripción |
|---|---|
| visible | Valor predeterminado. El contenido no se recorta y se muestra fuera del cuadro del elemento. |
| hidden | El contenido se recorta y el resto del contenido no es visible. |
| scroll | El contenido se recorta, pero el navegador mostrará una barra de desplazamiento para ver el resto del contenido. |
| auto | Si el contenido se recorta, el navegador mostrará una barra de desplazamiento para ver el resto del contenido. |
| inherit | Especifica que se debe heredar el valor de la propiedad overflow del elemento padre. |
Nota:La propiedad overflow solo funciona en elementos de bloque con una altura especificada.
Nota:En OS X Lion (sistema Mac), las barras de desplazamiento están ocultas de forma predeterminada y solo se muestran cuando se usan (lo mismo ocurre al configurar "overflow: scroll").
overflow: visible
Por defecto, el valor de overflow es visible, lo que significa que el contenido se desborda del cuadro del elemento:
El contenido de este texto se desbordará del cuadro del elemento.
El contenido de este texto se desbordará del cuadro del elemento.
El contenido de este texto se desbordará del cuadro del elemento.
El contenido de este texto se desbordará del cuadro del elemento.
El contenido de este texto se desbordará del cuadro del elemento.
El contenido de este texto se desbordará del cuadro del elemento.
El contenido de este texto se desbordará del cuadro del elemento.