CSS background property

Definition og brug

background Kortformet egenskab sætter alle baggrundsegenskaber i en erklæring.

Du kan indstille følgende egenskaber:

Hvis ingen af værdierne indstilles, vil der ikke opstå problemer, f.eks. background:#ff0000 url('smiley.gif'); er også tilladt.

Det anbefales vanligvis å bruke denne egenskapen i stedet for å bruke enkeltattributter, fordi denne egenskapen får bedre støtte i eldre nettlesere, og det trengs færre bokstaver å skrive inn.

Se også:

CSS Læringsveiledning:CSS Baggrund,CSS Bakgrunn (avansert)

HTML DOM Referansehåndbok:background-egenskapen

Eksempel

Hvordan sette alle bakgrunnsattributter i en uttalelse:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Prøv selv

CSS Syntax

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Egenskapsverdi

Verdi Beskrivelse CSS
background-color Bestemmer hvilken bakgrunnsfarge som skal brukes. 1
background-position Bestemmer bakgrunnsbildets plassering. 1
background-size Bestemmer størrelsen på bakgrunnsbildet. 3
background-repeat Bestemmer hvordan bakgrunnsbildet skal repetere. 1
background-origin Bestemmer bakgrunnsbildets plasseringsområde. 3
background-clip Bestemmer området for bakgrunnens tegning. 3
background-attachment Bestemmer om bakgrunnsbildet skal være fast eller rulle med resten av siden. 1
background-image Bestemmer hvilket bakgrunnsbilde som skal brukes. 1
inherit Bestemmer at background-egenskapen skal arves fra foreldreelementet. 1

Tekniske detaljer

Standardverdi: ikke spesifisert
Arv: nei
Versjon: CSS1 + CSS3
JavaScript Syntax: object.style.background="white url(paper.gif) repeat-y"

Nettleserstøtte

Tabelnumre angiver den første nettleserversjon som fullt ut støtter egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5