Los últimos tutoriales de desarrollo web

×

JavaScript Referencia

Visión de conjunto

JavaScript

JS cadena JS Número JS operadores JS declaraciones JS Mates JS Fecha JS Formación JS Boole JS RegExp JS situación general JS Conversión

Navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementos DOM atributos DOM evento DOM Estilo

HTML Objetos

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

otros objetos

CSSStyleDeclaration

Style overflow Property

<Estilo de objeto

Ejemplo

Utilice la propiedad de desbordamiento para desplazarse contenido de desbordamiento:

document.getElementById("myDIV").style.overflow = "scroll";

Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de desbordamiento o devoluciones, qué hacer con el contenido que hace que el borde del área elemento.

Tip: Si desea ocultar las barras de desplazamiento de todo el documento, utilice la propiedad de desbordamiento en el cuerpo o el elemento html.

Soporte del navegador

La propiedad de desbordamiento es compatible con todos los principales navegadores.

Sintaxis

Devolver la propiedad de desbordamiento:

object .style.overflow

Establecer la propiedad de desbordamiento:

object .style.overflow="visible|hidden|scroll|auto|initial|inherit"

Valores de propiedad

Valor	Descripción
visible	El contenido no se recorta y se puede mostrar el borde del área del elemento. Esto es por defecto
hidden	Contenido fuera de la caja elemento no se muestra
scroll	se añaden barras de desplazamiento, y el contenido es recortado cuando sea necesario
auto	El contenido se recorta y se añaden barras de desplazamiento cuando sea necesario
initial	Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit	Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto:	visible
Valor de retorno:	Una cadena, que representa el contenido que hace fuera de la caja elemento
Versión CSS	CSS2

Más ejemplos

Ejemplo

Utilice la propiedad overflow para ocultar el contenido desborda:

document.getElementById("myDiv").style.overflow = "hidden";

Inténtalo tú mismo "

Ejemplo

Devolver la propiedad de desbordamiento:

alert(document.getElementById("myDiv").style.overflow);

Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Posicionamiento CSS

Referencia CSS: overflow property

<Estilo de objeto