Atributo CSS overflow-y

Definición y uso

La propiedad overflow-y especifica si se recorta el borde superior/inferior del contenido - si el contenido del elemento desborda el área de contenido.

Consejo:Uso overflow-x propiedad para determinar el recorte de los bordes izquierdo/derecho.

Tutorial de CSS:CSS desbordamiento

Manual de referencia de HTML DOM:Propiedad overflowY

Ejemplo

Cortar los bordes izquierdo/derecho del contenido del elemento div - si el contenido del elemento desborda el área de contenido:

div
{
overflow-y:hidden;
}

Prueba por tu cuenta

Sintaxis de CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Valor de la propiedad

Valor Descripción Pruebas
visible No cortar contenido, podría mostrarse fuera del cuadro de contenido. Pruebas
hidden Cortar contenido - No proporcionar mecanismo de desplazamiento. Pruebas
scroll Cortar contenido - Proporcionar mecanismo de desplazamiento. Pruebas
auto Si hay desbordamiento del cuadro, debe proporcionar un mecanismo de desplazamiento. Pruebas
no-display Si el contenido no se ajusta al cuadro de contenido, eliminar todo el cuadro. Pruebas
no-content Si el contenido no se ajusta al cuadro de contenido, ocultar todo el contenido. Pruebas

Detalles técnicos

Valor predeterminado: visible
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.overflowY="scroll"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -ms- indican la primera versión que utiliza el prefijo.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5