Definition af background-position
Siden er opdateret 5.2.2008
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
