Propiedad overflow de estilo

Definición y uso

overflow Configuración de la propiedad o cómo se devuelve el manejo del contenido que se muestra fuera del cuadro del elemento.

Consejo：Si desea ocultar la barra de desplazamiento completa del documento, utilice la propiedad overflow del elemento body o html.

Vea también：

Tutoriales de CSS：Desbordamiento CSS

Tutoriales de CSS：Posicionamiento CSS

Manual de referencia de CSS：Propiedad overflow

Ejemplo

Ejemplo 1

Usar la propiedad overflow para desplazar el contenido que se desborda：

document.getElementById("myDIV").style.overflow = "scroll";

Intente usted mismo

Ejemplo 2

Usar la propiedad overflow para ocultar el contenido que se desborda：

document.getElementById("myDiv").style.overflow = "hidden";

Intente usted mismo

Ejemplo 3

Retornar la propiedad overflow：

alert(document.getElementById("myDiv").style.overflow);

Intente usted mismo

Sintaxis

Retornar la propiedad overflow：

objeto.style.overflow

Establecer la propiedad overflow：

objeto.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

Valor de la propiedad

Valor Descripción
visible El contenido no se recortará, y puede aparecer fuera del cuadro del elemento. Predeterminado.
hidden No muestra el contenido fuera del cuadro del elemento.
scroll Agregue una barra de desplazamiento y recorte el contenido necesariamente.
auto Corte el contenido necesariamente y agregue una barra de desplazamiento.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial。
inherit Hereda esta propiedad de su elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： visible
Valor de retorno： Cadena de caracteres, que representa el contenido renderizado fuera del cuadro del elemento.
Versión de CSS： CSS2

Soporte del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte