English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo overflow de CSS especifica qué hacer cuando el contenido sobrepasa el área del contenido del elemento: cortar el contenido, mostrar una barra de desplazamiento o mostrar el contenido que sobrepasa.
La siguiente tabla describe el uso y el historial de versiones de este atributo, así como su sintaxis de uso en el script JavaScript.
| Valor predeterminado： | visible |
|---|---|
| Aplicable a： | Block, inline-contenedor block y flex |
| Herencia： | No |
| Animable: | No.Vea también Atributos de animación。 |
| Versión： | CSS 2、3 |
| Sintaxis de JavaScript： | object.style.overflow="scroll" |
La sintaxis de este atributo es la siguiente：
overflow: auto | hidden | scroll | visible | initial | inherit
Los siguientes ejemplos muestran cómo se utiliza el atributo overflow.
div {
width: 400px;
height: 300px;
overflow: scroll;
}Prueba aquí‹/›La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| visible | El contenido no se corta; se renderiza fuera del cuadro del elemento, por lo que puede superponerse a otro contenido. Este es el valor predeterminado. |
| hidden | El contenido dentro del cuadro del elemento que sobrepasa se corta, y el contenido restante no es visible. |
| scroll | El contenido que sobrepasa se corta como si estuviera oculto, pero se proporciona un mecanismo de desplazamiento para acceder al contenido que sobrepasa. |
| auto | Si el contenido sobrepasa el cuadro del elemento, proporcionará una barra de desplazamiento para ver el contenido restante. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor del atributo overflow del elemento padre. |
Compatibilidad del navegador del atributo overflow, los números en la siguiente tabla representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales：CSS Overflow。
Propiedades relacionadas：Overflow-x，Overflow-y，Clip，Word-Wrap。