English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad de desbordamiento especifica el comportamiento que ocurre cuando el contenido del elemento se desborda (no se ajusta) del cuadro del elemento.
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í‹/›
Valor | Descripción |
---|---|
visible | Valor predeterminado. El contenido no se corta; se renderiza fuera del cuadro del elemento, por lo que puede solaparse con otro contenido. |
hidden | El contenido del cuadro del elemento que se desborda se cortará, y el contenido restante no será visible. |
scroll | El contenido que se desborda se corta como si estuviera oculto, pero se proporciona un mecanismo de desplazamiento para acceder al contenido que se desborda. |
auto | Si 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. |