Ejemplo
Establecer la propiedad de desbordamiento para desplazarse:
div
{
width: 150px;
height: 150px;
overflow: scroll;
}
Inténtalo tú mismo " Definición y Uso
La propiedad de desbordamiento indica qué sucede si el contenido desborda la caja de un elemento.
| Valor por defecto: | visible |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.overflow="scroll" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
overflow: visible|hidden|scroll|auto|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| visible | El desbordamiento no se recorta. Se hace fuera de la caja del elemento. Esto es por defecto | Juegalo " |
| hidden | El desbordamiento se recorta, y el resto del contenido será invisible | Juegalo " |
| scroll | El desbordamiento se recorta, pero se agrega una barra de desplazamiento para ver el resto del contenido | Juegalo " |
| auto | Si se recorta de desbordamiento, una barra de desplazamiento se debe añadir para ver el resto del contenido | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: Posicionamiento CSS
Referencia HTML DOM: overflow property