Stilüberlauf - Eigenschaft
Beispiel
Verwenden Sie die Overflow-Eigenschaft, um überlaufende Inhalte zu scrollen:
document.getElementById("myDIV").style.overflow = "scroll";
Definition und Verwendung
Die Overflow-Eigenschaft legt fest oder gibt zurück, was mit Inhalten geschehen soll, die außerhalb der Elementbox gerendert werden.
Tipp: Wenn Sie die Bildlaufleisten des gesamten Dokuments ausblenden möchten, verwenden Sie die Overflow-Eigenschaft des Hauptteils oder des HTML-Elements.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Überlaufeigenschaft zurück:
object.style.overflow
Legen Sie die Überlaufeigenschaft fest:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Eigenschaftswerte
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 |
Technische Details
Standardwert: | sichtbar |
---|---|
Rückgabewert: | Ein String, der den Inhalt darstellt, der außerhalb der Elementbox gerendert wird |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Verwenden Sie die Overflow-Eigenschaft, um überlaufenden Inhalt auszublenden:
document.getElementById("myDiv").style.overflow = "hidden";
Beispiel
Geben Sie die Überlaufeigenschaft zurück:
alert(document.getElementById("myDiv").style.overflow);
Verwandte Seiten
CSS-Tutorial: CSS-Überlauf
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: overflow-Eigenschaft
❮ Style-Objekt