Ιδιότητα Style backgroundColor

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

backgroundColor Ρύθμιση ή επιστροφή του χρώματος του παρασκηνίου του στοιχείου.

Δείτε επίσης:

Στυλ HTML:ιδιότητα background

Οδηγός CSS:Πίσω Σχέδιο CSS

Χειροκίνητος οδηγός CSS:ιδιότητα background-color

παράδειγμα

Παράδειγμα 1

Ρύθμιση του χρώματος του παρασκηνίου του έγγραφου:

document.body.style.backgroundColor = "red";

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

Παράδειγμα 2

Ρύθμιση του χρώματος του παρασκηνίου του συγκεκριμένου στοιχείου <div>:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

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

Παράδειγμα 3

Επιστροφή του χρώματος του παρασκηνίου του συγκεκριμένου στοιχείου <div>:

alert(document.getElementById("myDiv").style.backgroundColor);

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

Παράδειγμα 4

Επιστροφή του χρώματος του παρασκηνίου του έγγραφου:

alert(document.body.style.backgroundColor);

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

σύνταξη

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

αντικείμενο.style.backgroundColor

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

αντικείμενο.style.backgroundColor = "χρώμα|transparent|initial|inherit"

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

τιμή περιγραφή
χρώμα

θέτει τον χρώμα του παρασκηνίου.

Δείτε Χρώματα CSSγια να πάρετε την πλήρη λίστα των δυνατών τιμών χρώματος.
transparent προεπιλεγμένη. Ο χρώμα του παρασκηνίου είναι διαφανής (το περιεχόμενο κάτω από αυτό θα φαίνεται).
initial Η ιδιότητα αυτή ορίζεται στη προεπιλεγμένη τιμή της. Δείτε initial.
inherit Καταληφθεί η ιδιότητα από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: transparent
Αποτελεσματική τιμή: ακολουθία χαρακτήρων που εκφράζει τον χρώμα του παρασκηνίου.
Έκδοση CSS: CSS1

υποστήριξη του περιηγητή

backgroundColor είναι χαρακτηριστικό CSS1 (1996).

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

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
υποστήριξη υποστήριξη υποστήριξη υποστήριξη υποστήριξη υποστήριξη