background-origin css3

9  4  4  10.5  5

Siden er opdateret 6. 1. 2012

Med background-origin kan man definere hvilken del af et element baggrundsbilledet skal orienteres i forhold til.

#demo {
background-origin:content-box;
}

Boks med background-origin:border-box

vil se sådan ud :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris est dui, condimentum vitae pulvinar non, luctus id ligula.

Boks med background-origin:content-box

vil se sådan ud :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris est dui, condimentum vitae pulvinar non, luctus id ligula.

Boks med background-origin:padding-box

vil se sådan ud :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris est dui, condimentum vitae pulvinar non, luctus id ligula.

De 3 mulige værdier er:

border-box
baggrunden sættes i forhold til den ydre grænse for border om elementet
content-box
baggrunden sættes i forhold til den ydre grænse for content i elementet
padding-box
baggrunden sættes i forhold til den ydre grænse for padding på elementet
Valid XHTML og CSS / Copyright © Erik Ginnerskov januar 2012
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - background-origin
sidens top
Brugere lige nu: 1
Home Mail