Style overflow-eigenschap

Definitie en gebruik

overflow Hoe de eigenschap instellen of retourneren om inhoud buiten het elementenframe weer te geven.

Tip:Gebruik de overflow-eigenschap van het body- of html-element om de hele documentenschuifbalk te verbergen.

Zie ook:

CSS Handleiding:CSS Overloop

CSS Handleiding:CSS Positionering

CSS ReferentiemanualOverflow-eigenschap

Voorbeeld

Voorbeeld 1

Gebruik de overflow-eigenschap om overvloedige inhoud te scrollen:

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

Probeer het zelf

Voorbeeld 2

Gebruik de overflow-eigenschap om overvloedige inhoud te verbergen:

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

Probeer het zelf

Voorbeeld 3

Retourneer de overflow-eigenschap:

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

Probeer het zelf

Syntax

Retourneer de overflow-eigenschap:

object.style.overflow

Stel de overflow-eigenschap in:

object.style.overflow = "zichtbaar|verborgen|scroll|auto|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
zichtbaar Inhoud wordt niet ingekort, kan buiten het elementenframe verschijnen. Standaard.
verborgen Toon geen inhoud buiten het elementenframe.
scroll Voeg een schuifbalk toe en knip inhoud indien nodig.
auto Knip inhoud indien nodig en voeg een schuifbalk toe.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: zichtbaar
Retourwaarde: Een tekenreeks die de inhoud aangeeft die buiten het elementenframe wordt weergegeven.
CSS versie: CSS2

Browser ondersteunt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support