Atributo overflowX de estilo

Definición y uso

overflowX La propiedad especifica cómo manejar los bordes izquierdo/derecho del contenido - si se desborda el área de contenido del elemento.

Consejo:Utilice propiedad overflowY para determinar el recorte de los bordes superior e inferior.

Vea también:

Manual de referencia de CSS:Atributo overflow-x

Ejemplo

Si el texto desborda el área de contenido del elemento, desplazamiento horizontal:

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

Intente usted mismo

Sintaxis

Devolver la propiedad overflowX:

objeto.style.overflowX

Establecer la propiedad overflowX:

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

Valor del atributo

Valor Descripción
visible El contenido no se corta, puede renderizarse fuera del cuadro de contenido.
hidden El contenido se corta - no se proporciona un mecanismo de desplazamiento.
scroll El contenido se corta y se proporciona un mecanismo de desplazamiento.
auto Si hay desbordamiento del cuadro, debe proporcionar un mecanismo de desplazamiento.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: visible
Valor devuelto: Cadena, que representa el elemento Atributo overflow-x.
Versión de CSS: CSS3

Compatibilidad del navegador

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