Φόντο-προέλευση - CSS-Κόλπα

Η background-originιδιότητα καθορίζει πού να βάψετε το φόντο: σε ολόκληρο το στοιχείο, εντός του περιγράμματος ή στο εσωτερικό της επένδυσης.

Υπάρχουν τέσσερις τιμές: border-box, padding-box, content-boxκαι inherit. Εδώ είναι μια επίδειξη:

Δείτε το Demo Origin Origin Pen από τον Timothy Miller (@tjacobdesign) στο CodePen.

background-origin είναι παρόμοιο με το κλιπ φόντου, εκτός του ότι αλλάζει το μέγεθος του φόντου και όχι το ψαλίδισμα.

Το παραπάνω παράδειγμα έχει background-size: coverκαι background-repeat: no-repeatεπίσης εφαρμόζεται. Εάν δεν συνέβαινε αυτό, η εικόνα θα επαναλαμβανόταν κάτω από το περίγραμμα ή την επένδυση.