CSS Unterschied

background-clip & background-origin

Der Unterschied zwischen den Eigenschaften background-clip und background-origin zeigt sich nur, wenn man das Hintergrundbild kachelt.

background-clip beschneidet das Bild, die Position wird nicht geändert. background-origin definiert die Ursprungsposition, die linke obere Ecke des Hintergrundbildes.

background-clip

clip
border-box

clip
padding-box

clip
content-box

background-origin

origin
border-box

origin
padding-box

origin
content-box