Ejemplo
Desplazarse en sentido vertical si el texto se desborda área de contenido del elemento:
document.getElementById("myDIV").style.overflowY = "scroll"; Inténtalo tú mismo " Definición y Uso
La propiedad overflowY especifica qué hacer con los bordes superior / inferior del contenido - si se desborda el área de contenido del elemento.
Tip: Utilice el Desbordamiento de propiedad para determinar recortes en los bordes derecho e izquierdo.
Soporte del navegador
La propiedad overflowY es compatible con todos los principales navegadores.
Note: La propiedad overflowY no funciona correctamente en IE8 y anteriores.
Sintaxis
Devolver la propiedad overflowY:
object .style.overflowYEstablecer la propiedad overflowY:
object .style.overflowY="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 de desbordamiento-y de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: overflow-y property
<Estilo de objeto