Style overflow-egenskapen

Definition och användning

overflow Hur egenskapsinställningar eller återgivningar hanterar innehåll som visas utanför elementets ram.

Tips:Om du vill dölja rullningslisten för hela dokumentet, använd overflow-egenskapen för body- eller html-elementet.

Se också:

CSS教程：CSS Överskridande

CSS教程：CSS Positionering

CSS Referenshandbok:Overflow-egenskapen

Exempel

Exempel 1

Använd overflow-egenskapen för att rulla överskridande innehåll:

document.getElementById("myDIV").style.overflow = "scroll";

Prova själv

Exempel 2

Använd overflow-egenskapen för att dölja överskridande innehåll:

document.getElementById("myDiv").style.overflow = "dolt";

Prova själv

Exempel 3

Returnera overflow-egenskapen:

alert(document.getElementById("myDiv").style.overflow);

Prova själv

Syntaks

Returnera overflow-egenskapen:

objekt.style.overflow

Ställ in overflow-egenskapen:

objekt.style.overflow = "synlig|dolt|scroll|auto|initial|inherit"

Egenskapsvärde

Värde Beskrivning
synlig Innehållet klippas inte av, kan visas utanför elementets ram. Standard.
dolt Visa inte innehållet utanför elementets ram.
scroll Lägg till en rullningslist och klipp innehållet vid behov.
auto Klippa innehållet vid behov och lägg till en rullningslist.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: synlig
Returvärde: En sträng som anger innehållet som renderas utanför elementets ram.
CSS version: CSS2

Webbläsare stödjer

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd