CSS overloop-y Eigenschap
Voorbeeld
Toon verschillende overflow-y eigenschapswaarden:
div.ex1 {
overflow-y: scroll;
}
div.ex2 {
overflow-y: hidden;
}
div.ex3 {
overflow-y:
auto;
}
div.ex4 {
overflow-y: visible;
}
Definitie en gebruik
De overflow-y
eigenschap geeft aan of de inhoud moet worden geknipt, een schuifbalk moet worden toegevoegd of overlopende inhoud van een element op blokniveau moet worden weergegeven wanneer deze overloopt aan de boven- en onderrand.
Tip: Gebruik de eigenschap overflow-x om het uitknippen aan de linker- en rechterrand te bepalen.
Standaardwaarde: | zichtbaar |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.overflowY="scroll" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -ms-, specificeren de eerste versie die met een prefix werkte.
Property | |||||
---|---|---|---|---|---|
overflow-y | 4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
CSS-syntaxis
overflow-y: visible|hidden|scroll|auto|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
visible | The content is not clipped, and it may be rendered outside the content box. This is default | |
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 |
Gerelateerde pagina's
CSS-zelfstudie: CSS-overloop
HTML DOM-referentie: eigenschap overflowY