Propiedad de desbordamiento de estilo
Ejemplo
Use la propiedad de desbordamiento para desplazarse por el contenido desbordado:
document.getElementById("myDIV").style.overflow = "scroll";
Definición y uso
La propiedad de desbordamiento establece o devuelve qué hacer con el contenido que se muestra fuera del cuadro del elemento.
Sugerencia: si desea ocultar las barras de desplazamiento de todo el documento, use la propiedad de desbordamiento en el cuerpo o el elemento html.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad de desbordamiento:
object.style.overflow
Establezca la propiedad de desbordamiento:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | visible |
---|---|
Valor devuelto: | Una cadena, que representa el contenido que se muestra fuera del cuadro del elemento. |
Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Use la propiedad de desbordamiento para ocultar el contenido desbordado:
document.getElementById("myDiv").style.overflow = "hidden";
Ejemplo
Devuelve la propiedad de desbordamiento:
alert(document.getElementById("myDiv").style.overflow);
páginas relacionadas
Tutorial de CSS: Desbordamiento de CSS
Tutorial CSS: Posicionamiento CSS
Referencia CSS: propiedad de desbordamiento
❮ Objeto de estilo