Ιδιότητα backgroundOrigin του style

Ορισμός και χρήση

backgroundOrigin Η ιδιότητα αυτή καθορίζει πού τοποθετείται η ιδιότητα background-position.

Σημειώσεις:Αν η ιδιότητα background-attachment της εικόνας φόντου είναι "fixed"είτε δεν έχει καμία επίδραση.

Παράδειγμα

Τοποθέτηση της εικόνας φόντου σχετικά με το περιεχόμενο κουτί:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Δοκιμάστε το προσωπικά

Γραμματική

Επιστροφή της ιδιότητας backgroundOrigin:

object.style.backgroundOrigin

Ρύθμιση της ιδιότητας backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Τιμή ιδιότητας

Τιμή Περιγραφή
padding-box Προεπιλεγμένη τιμή. Η εικόνα φόντου τοποθετείται σχετικά με το εσωτερικό πλαίσιο.
border-box Η εικόνα φόντου τοποθετείται σχετικά με το πλαίσιο κουτί.
content-box Η εικόνα φόντου τοποθετείται σχετικά με το περιεχόμενο κουτί.
initial Ρυθμίζει αυτήν την ιδιότητα στη προεπιλεγμένη τιμή της. Δείτε επίσης initial.
inherit Επιτρέπει στο στοιχείο να κληρονομήσει αυτήν την ιδιότητα από το γονικό στοιχείο. Δείτε επίσης inherit.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: padding-box
Αποτελεσματική τιμή: κείμενο, το οποίο δείχνει το Ιδιότητα background-origin.
Έκδοση CSS: CSS3

Υποστήριξη περιηγητών

backgroundOrigin είναι χαρακτηριστικό CSS3 (1999).

Όλοι οι περιηγητές το υποστηρίζουν πλήρως:

Χρώμημος Όριο Φαύρος Σαφάρι Όπερα IE
Χρώμημος Όριο Φαύρος Σαφάρι Όπερα IE
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη 11

Σχετικές Σελίδες

CSS Εγχειρίδιο Αναφοράς:Ιδιότητα background-origin