background-position

Siden er opdateret 14. 12. 2011

Et background-image kan indsættes et bestemt sted på en side med egenskaben background-position. Mulige værdier er top, bottom, left, right, center og inherit.

top
billedet indsættes i toppen af siden.
bottom
billedet indsættes i bunden af siden.
left
billedet indsættes i venstre side.
right
billedet indsættes i højre side.
center
sætter billedet midt på siden, vandret og/eller lodret. Skal det være både og, angives center kun en gang. Ellers angives center sammen med en af de fire foregående værdier og gælder så for den modsatte retning.
top center eller bottom center
billedet centreres vandret i enten toppen eller bunden af siden.
center left eller center right
billedet centreres lodret i enten venstre eller højre side af siden.
inherit
nedarver billedplacering fra overordnet element

Eksempel på indsættelse af centreret baggrundsbillede:

body {
  background-position: center center;
  }

Samme som foregående, men i kort form (når der både vandret og lodret defineres center, kan man nøjes med at angive den ene værdi:

body {
  background-position: center;
  }

Eksempel på positioneret baggrundsbillede i øverste venstre hjørne.:

body {
  background-position: top left;
  }

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen februar 2008
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - background-position
sidens top
Brugere lige nu: 1
Home Mail