Ejemplo
Desplazarse horizontalmente si el texto se desborda área de contenido del elemento:
document.getElementById("myDIV").style.overflowX = "scroll"; Inténtalo tú mismo " Definición y Uso
La propiedad Desbordamiento especifica qué hacer con los bordes izquierdo / derecho del contenido - si se desborda el área de contenido del elemento.
Tip: Utilice la overflowY propiedad para determinar el recorte en los bordes superior e inferior.
Soporte del navegador
La propiedad Desbordamiento es compatible con todos los principales navegadores.
Note: La propiedad Desbordamiento no funciona correctamente en IE8 y anteriores.
Sintaxis
Devolver la propiedad Desbordamiento:
object .style.overflowXEstablecer la propiedad Desbordamiento:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| visible | El contenido no se recorta y se puede traducir el borde del área de contenido |
| hidden | El contenido es recortado - y no se proporciona ningún mecanismo de desplazamiento |
| scroll | El contenido se recorta y se proporciona un mecanismo de desplazamiento |
| auto | Debe causar un mecanismo de desplazamiento que deben proporcionarse a rebosar cajas |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | visible |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad overflow-x de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: overflow-x property
<Estilo de objeto