Stijl overloop Eigenschap
Voorbeeld
Gebruik de overloopeigenschap om overlopende inhoud te scrollen:
document.getElementById("myDIV").style.overflow = "scroll";
Definitie en gebruik
De overloopeigenschap bepaalt of retourneert wat te doen met inhoud die buiten het elementvak wordt weergegeven.
Tip: Als u de schuifbalken van het hele document wilt verbergen, gebruikt u de eigenschap overloop op de body of het html-element.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de overloopeigenschap:
object.style.overflow
Stel de overloopeigenschap in:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | zichtbaar |
---|---|
Winstwaarde: | Een tekenreeks, die de inhoud vertegenwoordigt die buiten het elementvak wordt weergegeven |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Gebruik de overloopeigenschap om overlopende inhoud te verbergen:
document.getElementById("myDiv").style.overflow = "hidden";
Voorbeeld
Retourneer de overloopeigenschap:
alert(document.getElementById("myDiv").style.overflow);
Gerelateerde pagina's
CSS-zelfstudie: CSS-overloop
CSS-zelfstudie: CSS-positionering
CSS-referentie: overloopeigenschap
❮ Stijlobject