CSS overflow-y egenskap

Definition och användning

overflow-y egenskap specificerar om innehållet på ovan/underkanten ska beskäras - om innehållet överskrider elementets innehållsområde.

Tips:Använd overflow-x egenskap för att bestämma beskärning av vänster/högerkanten.

CSS tutorial:CSS overflow

HTML DOM referenshandbok:overflowY egenskap

Beskär vänster/högerkanten av innehållet i div-elementet - om innehållet överskrider elementets innehållsområde:

div
{
overflow-y:hidden;
}

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

Värde	Beskrivning	Test
synlig	Det är möjligt att inte beskära innehållet och att det kan visas utanför innehållsramen.	Test
hidden	Beskär innehåll - Erbjud inte rullningsmekanism.	Test
scroll	Beskär innehåll - Erbjud rullningsmekanism.	Test
auto	Om det finns överskott i ramen, bör en rullningsmekanism erbjudas.	Test
no-display	Om innehållet inte passar in i innehållsramen, ta bort hela ramen.	Test
no-content	Om innehållet inte passar in i innehållsramen, göm hela innehållet.	Test

Standardvärde:	synlig
Arvbarhet:	no
Version:	CSS3
JavaScript syntax:	object.style.overflowY="scroll"

Tal i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Tal med -ms- prefix betyder att det är den första versionen som använder prefixet.

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