CSS overflow-y eigenschap

Definitie en gebruik

De overflow-y eigenschap bepaalt of de boven- of onderkant van de inhoud wordt afgeknipt - als de inhoud van het element het inhoudsgebied overschrijdt.

Tip:Gebruik overflow-x eigenschappen om de knipping van de linkerkant/rechterkant te bepalen.

CSS handleiding:CSS overflow

HTML DOM referentiemanual:overflowY eigenschap

Voorbeeld

Knip de linkerkant/rechterkant van de inhoud van het div-element af - als de inhoud van het element overschrijdt het inhoudsgebied:

div
{
overflow-y:hidden;
}

Probeer het zelf uit

CSS syntaxis

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Eigenschapswaarde

Waarde Beschrijving Test
zichtbaar Geen inhoud knippen, kan buiten de inhoudsbox worden weergegeven. Test
hidden Knip inhoud - Bied geen scrollmechanisme aan. Test
scroll Knip inhoud - Bied een scrollmechanisme aan. Test
auto Als er overschrijding van de kaderbalk optreedt, moet een scrollmechanisme worden aangeboden. Test
no-display Als de inhoud niet in de inhoudsbox past, wordt de hele box verwijderd. Test
no-content Als de inhoud niet in de inhoudsbox past, wordt de hele inhoud verborgen. Test

Technische details

Standaardwaarde: zichtbaar
Inheritance: nee
Versie: CSS3
JavaScript syntaxis: object.style.overflowY="scroll"

Browserondersteuning

De getallen in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -ms- voorafgaand betekenen de eerste versie met het voorvoegsel gebruikt.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5