English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico de CSS

Modelo de caja CSS

CSS3Tutoriales básicos

Manual de referencia CSS

Reglas CSS (RULES)

Desbordamiento de CSS (Desbordamiento)

La propiedad de desbordamiento especifica el comportamiento que ocurre cuando el contenido del elemento se desborda (no se ajusta) del cuadro del elemento.

Manejo del contenido de desbordamiento

El contenido del elemento puede ser mayor que el tamaño del cuadro del elemento mismo. Por ejemplo, las propiedades width y height dadas no permiten suficiente espacio para contener el contenido del elemento.

La propiedad de desbordamiento CSS, que le permite especificar si se corta el contenido, se renderiza la barra de desplazamiento o se muestraBloqueEl contenido que se desborda del elemento.

Esta propiedad puede ser uno de los siguientes valores: visible (por defecto), hidden, scroll, y auto. CSS3También defineoverflow-xyoverflow-yLa propiedad permite controlar independientemente el recorte vertical y horizontal.

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
Prueba aquí‹/›
ValorDescripción
visibleValor predeterminado. El contenido no se corta; se renderiza fuera del cuadro del elemento, por lo que puede solaparse con otro contenido.
hiddenEl contenido del cuadro del elemento que se desborda se cortará, y el contenido restante no será visible.
scrollEl contenido que se desborda se corta como si estuviera oculto, pero se proporciona un mecanismo de desplazamiento para acceder al contenido que se desborda.
autoSi el contenido se desborda del cuadro del elemento, se proporcionará automáticamente una barra de desplazamiento para ver el contenido restante; de lo contrario, no aparecerá la barra de desplazamiento.