Style overflowX-eigenschap
- Previous Page overflow
- Next Page overflowY
- Go to Parent Level HTML DOM Style Object
Definitie en gebruik
overflowX
Deze eigenschap bepaalt hoe de links/rechts rand van de inhoud wordt afgehandeld - als deze overloopt het inhoudsgebied van het element.
Tip:Gebruik overflowY-eigenschap om de afsnijding van de boven- en onderkant te bepalen.
Zie ook:
CSS Referentie Handboek:overflow-x Property
Voorbeeld
Horizontaal schuiven als de tekst overloopt het inhoudsgebied van het element:
document.getElementById("myDIV").style.overflowX = "scroll";
Syntax
Retourneer overflowX-eigenschap:
object.style.overflowX
Stel overflowX-eigenschap in:
object.style.overflowX = "zichtbaar|verborgen|scroll|auto|initial|erfgen"
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
zichtbaar | Inhoud wordt niet afgesneden, kan rendering buiten het inhoudsgebied zijn. |
verborgen | Inhoud wordt afgesneden - geen schuifmechanisme verstrekt. |
scroll | Inhoud wordt afgesneden en een schuifmechanisme wordt verstrekt. |
auto | Geef een schuifmechanisme op als de inhoud overloopt. |
initial | Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial. |
erfgen | Inheritere deze eigenschap van de ouder-element. Raadpleeg erfgen. |
Technische details
Standaardwaarde: | zichtbaar |
---|---|
Retourwaarde: | String, die het element vertegenwoordigt overflow-x Property. |
CSS Version: | CSS3 |
Browser Support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Previous Page overflow
- Next Page overflowY
- Go to Parent Level HTML DOM Style Object