Stijl overloopX Eigenschap
Voorbeeld
Scroll horizontaal als de tekst buiten het inhoudsgebied van het element staat:
document.getElementById("myDIV").style.overflowX = "scroll";
Definitie en gebruik
De eigenschap overflowX geeft aan wat te doen met de linker-/rechterranden van de inhoud - als deze het inhoudsgebied van het element overloopt.
Tip: gebruik de eigenschap overflowY om het knippen aan de boven- en onderranden te bepalen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
overflowX | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap overflowX:
object.style.overflowX
Stel de eigenschap overflowX in:
object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
visible | The content is not clipped, and it may be rendered outside the content box |
hidden | The content is clipped - and no scrolling mechanism is provided |
scroll | The content is clipped and a scrolling mechanism is provided |
auto | Should cause a scrolling mechanism to be provided for overflowing boxes |
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 eigenschap overflow-x van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap overflow-x
❮ Stijlobject