CSS overflow egenskap

Definition och användning

overflow Egenskapen specificerar vad som händer när innehållet överskrider elementramen.

Förklaring

Denna egenskap definierar hur innehållet i en överskridande elementregion ska hanteras. Om värdet är scroll, kommer användarrepresentanten alltid att erbjuda ett rullningsmekanism, vilket innebär att det kan uppstå en rullningslist även om alla innehållet kan placeras inom elementramen.

Se också:

CSS-tutorial:CSS-positionering

HTML DOM referenshandbok:overflow-egenskapen

Exempel

Ställ in overflow-egenskapen:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

Prova själv

CSS-syntax

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

Egenskapsvärde

Värde Beskrivning
synlig Standardvärde. Innehållet klipps inte av och visas utanför elementramen.
dold Innehållet klipps av, och det övriga innehållet är osynligt.
scroll Innehållet klipps av, men webbläsaren visar en rullningslist för att visa det övriga innehållet.
auto Om innehållet klipps av, kommer webbläsaren att visa en rullningslist för att visa det övriga innehållet.
inherit Definierar att overflow-egenskapens värde bör ärva från föräldrelementet.

Tekniska detaljer

Standardvärde: synlig
Arvsförmåga: nej
Version: CSS2
JavaScript-syntax: object.style.overflow="scroll"

Mer exempel

Hur du använder rullningslistor för att visa överskridande innehåll inom elementet
Detta exempel visar hur du ställer in overflow-egenskapen för att specificera en åtgärd när elementets innehåll är för stort och överskrider den angivna regionen.
Hur du döljer överskridande innehåll i överskridande element
Detta exempel visar hur du ställer in overflow-egenskapen för att dölja innehållet när innehållet i ett element är för stort för att anpassa sig till den angivna regionen.
Hur du ställer in webbläsaren för att automatiskt hantera överskridanden
Detta exempel visar hur du ställer in webbläsaren för att automatiskt hantera överskridanden.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder denna egenskap.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0