CSS background property
- Forrige side backface-visibility
- Næste side background-attachment
Definition og brug
background
Kortformet egenskab sætter alle baggrundsegenskaber i en erklæring.
Du kan indstille følgende egenskaber:
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
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; }
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 |
- Forrige side backface-visibility
- Næste side background-attachment