Neueste Web-Entwicklung Tutorials
 

Style overflow Property

<Style - Objekt

Beispiel

Verwenden Sie die Überlauf-Eigenschaft überquellenden Inhalt blättern:

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

Definition und Verwendung

Die Überlaufeigenschaftssätze oder Renditen, was mit Inhalt zu tun, die außerhalb der Element-Box macht.

Tip: Wenn Sie die Bildlaufleisten des gesamten Dokuments ausblenden möchten, verwenden Sie die Überlauf - Eigenschaft auf dem Körper oder dem HTML - Element.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die Überlaufeigenschaft wird in allen gängigen Browsern unterstützt.


Syntax

Bringen Sie den Überlauf Eigenschaft:

object .style.overflow

Stellen Sie die Überlaufeigenschaft:

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

Eigenschaftswerte

Wert Beschreibung
visible Der Inhalt wird nicht abgeschnitten und kann außerhalb der Element-Box angezeigt. Dies ist die Standardeinstellung
hidden Inhalt außerhalb der Element-Box wird nicht angezeigt
scroll Bildlaufleisten hinzugefügt werden, und der Inhalt wird abgeschnitten, wenn notwendig
auto Der Inhalt wird abgeschnitten und Bildlaufleisten werden hinzugefügt, wenn erforderlich
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert: sichtbar
Rückgabewert: Ein String, die den Inhalt, der außerhalb der rendert Elementbox
CSS Version CSS2

Mehr Beispiele

Beispiel

Verwenden Sie die Überlauf-Eigenschaft auf überquellenden Inhalt zu verstecken:

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

Beispiel

Bringen Sie den Überlauf Eigenschaft:

alert(document.getElementById("myDiv").style.overflow);
Versuch es selber "

Verwandte Seiten

CSS Tutorial: CSS Positioning

CSS - Referenz: overflow property - overflow property


<Style - Objekt