CSS baggrundskortform

CSS background - kortformsegenskab

hvis du vil forenkle koden, kan du også specificere alle baggrundsegenskaber i én egenskab. Dette kaldes en kortformsegenskab.

i stedet for at skrive:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

du kan bruge kortformsegenskaber background:

eksempel

brug kortformsegenskaber til at sætte baggrundsegenskaber i én erklæring:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

prøv det selv

når du bruger kortformsegenskaber, er rækkefølgen af værdierne:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

hvis en værdi mangler, er det ikke en stor ting, bare sæt de øvrige værdier i denne rækkefølge. Bemærk, at vi ikke bruger background-attachment-egenskaben i eksemplet ovenfor, fordi den ikke har en værdi.

alle CSS-baggrundsegenskaber

egenskab beskrivelse
background sæt alle baggrundsegenskaber i en kortform i én erklæring.
background-attachment sæt om baggrundsbilledet er fast eller ruller med resten af siden.
background-clip angiv området, hvor baggrunden skal tegnes.
background-color sæt elementets baggrundsfarve.
background-image sæt elementets baggrundsbillede.
background-origin angivelse af, hvor baggrundsbilledet skal placeres.
background-position Angiver startpositionen for baggrundsbilledet.
background-repeat Angiver, om og hvordan baggrundsbilledet gentages.
background-size Definerer størrelsen på baggrundsbilledet.