CSS overflow egenskab

Definisjon og bruk

overflow Egenskapen definerer hva som skjer når innholdet strekker seg utover elementkassen.

Beskrivelse

Denne egenskapen definerer hvordan innholdet i en overflødig elementregion skal håndteres. Hvis verdien er 'scroll', vil brukeragenten alltid tilby en rullemekanisme, noe som kan føre til at det oppstår en rullegardin selv om alle innholdene kan passe inn i elementkassen.

Se også:

CSS undervisning:CSS plassering

HTML DOM referansehåndbok:overflow-egenskapen

Eksempel

Sett opp overflow-egenskapen:

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

Prøv selv

CSS-syntaks

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

Egenskapsverdi

Verdi Beskrivelse
synlig Standardverdi. Innholdet blir ikke beskjåret og vises utenfor elementkassen.
skjult Innholdet blir beskjåret, og resten av innholdet er utilgjengelig.
scroll Innholdet blir beskjåret, men nettleseren vil vise en rullegardin for å se resten av innholdet.
auto Hvis innholdet blir beskjåret, vil nettleseren vise en rullegardin for å se resten av innholdet.
inherit Definerer at overflow-egenskapen skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: synlig
Arv: nei
Versjon: CSS2
JavaScript-syntaks: object.style.overflow="scroll"

Flere eksempler

Hvordan bruke rullegardin for å vise overflødig innhold i elementet
Dette eksempelet viser hvordan du kan sette opp overflow-egenskapen for å definere den nødvendige handlingen når elementinnholdet er for stort til å passere den angitte området.
Hvordan skjule overflødig innhold i overflødig element
Dette eksempelet viser hvordan du kan sette opp overflow-egenskapen for å skjule innhold når innholdet i et element er for stort til å tilpasse seg den angitte området.
Hvordan sette opp nettleseren til å automatisk håndtere overflødig innhold
Dette eksempelet viser hvordan du kan sette opp nettleseren til å automatisk håndtere overflødig innhold.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter denne egenskapen.

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