English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
overflow-La propiedad CSS especifica qué hacer cuando el contenido se desborda en los bordes laterales del área de contenido del elemento: cortar el contenido, mostrar una barra de desplazamiento o mostrar el contenido desbordado.
La tabla a continuación proporciona la descripción de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | visible |
|---|---|
| Aplique a: | Block, inline-contenedores block and flex |
| Herencia: | No |
| Animable: | No.Ver Atributos de animación。 |
| Versión： | CSS3nuevas características |
| Sintaxis de JavaScript： | object.style.overflowX="scroll" |
La sintaxis de este atributo es la siguiente：
overflow-x: visible | hidden | scroll | auto | initial | inherit
Los siguientes ejemplos muestran cómo usar overflow-x atributo.
div {
width: 400px;
height: 300px;
overflow-x: scroll;
}Prueba aquí‹/›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 solaparse con 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 sale se corta como si se ocultara, pero se proporciona un mecanismo de desplazamiento para acceder al contenido que se sale. |
| auto | Si el contenido se sale del 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 utilizará el valor overflow de su elemento padre-Valor del atributo x. |
overflow-La compatibilidad del navegador con el atributo x; los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.
|
Advertencia： Internet Explorer 7y versiones anteriores no soportan este overflow-xpropiedad. IE8soporta este atributo, pero necesita un prefijo específico de Microsoft
-ms-prefijo (por ejemplo-ms-overflow-En IE9y versiones posteriores son compatibles.
Por favor, consulte las siguientes instrucciones:CSS Overflow。
Propiedades relacionadas：overflow，overflow-y，clip，word-wrap。