English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
overflow-CSS属性指定当内容在元素内容区域的顶部和底部边缘溢出时，是剪切内容、呈现滚动条还是显示溢出内容。
La tabla a continuación proporciona una descripción de uso y un historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | visible |
|---|---|
| Adecuado para: | Block, inline-contenedor block y flex |
| Herencia: | No |
| Animable: | NoVer Atributos de animación。 |
| Versión: | CSS3nuevas características |
| Sintaxis de JavaScript: | object.style.overflowY="scroll" |
La sintaxis de este atributo es la siguiente:
overflow-y: visible | hidden | scroll | auto | initial | inherit
Los siguientes ejemplos muestran cómo usar overflow-propiedad y
div {
width: 400px;
height: 300px;
overflow-x: scroll;
}Ver el test‹/›La tabla a continuación 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 se corta, y el contenido restante no es visible. |
| scroll | El contenido que se sobrepasa se corta como si se ocultara, pero se proporciona un mecanismo de desplazamiento para acceder al contenido sobrepasado. |
| auto | Si el contenido se sobrepasa el cuadro del elemento, se proporcionará una barra de desplazamiento para ver el contenido restante. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor overflow de su elemento padre-Valores del atributo y |
overflow-La compatibilidad del navegador del atributo y en la tabla a continuación, los números representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y versiones anteriores no admiten esta overflow-y propiedad. IE8admite esta propiedad, pero necesita un prefijo específico de Microsoft-ms-prefijo (por ejemplo-ms-overflow-y en IE9y versiones posteriores donde se admite.
Consulte los siguientes tutoriales:CSS Overflow。
Propiedades relacionadas:overflow，overflow-x，clip，word-wrap。