CSS overflow-x eigenschap

Definitie en gebruik

De overflow-x eigenschap bepaalt of de links/rechts rand van de inhoud wordt bijsnornd - Als de inhoud van het element overloopt.

Tip:Gebruik overflow-y gebruik een eigenschap om de bijsnijding van de boven- en onderrand te bepalen.

CSS tutorial:CSS overflow

HTML DOM referentiemanual:overflowX eigenschap

Bijsnijden van de links/rechts rand van de inhoud van het div-element - Als de inhoud van het element overloopt:

div
{
overflow-x:hidden;
}

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

Waarde	Beschrijving	Test
zichtbaar	Geen inhoud bijsnijden, kan buiten de inhoudsrand worden weergegeven.	Test
hidden	Content bijsnijden - Bied geen scrollmechanisme aan.	Test
scroll	Content bijsnijden - Bied een scrollmechanisme aan.	Test
auto	Als er een overflow-balk is, moet er een scrollmechanisme worden aangeboden.	Test
no-display	Als de inhoud niet in de inhoudsrand past, wordt de hele rand verwijderd.	Test
no-content	Als de inhoud niet in de inhoudsrand past, wordt de hele inhoud verborgen.	Test

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

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

Getallen met -ms- voorafgaand zijn de eerste versie met het prefix.

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