Συνάρτηση background CSS

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

background Η συντομευμένη ιδιότητα ρυθμίζει όλες τις ιδιότητες φόντου σε μια δήλωση.

Μπορείτε να ρυθμίσετε τις εξής ιδιότητες:

Αν δεν ρυθμιστεί κάποια τιμή από αυτές, δεν θα προκύψει πρόβλημα, π.χ. background:#ff0000 url('smiley.gif'); είναι επιτρεπτό.

Γενικά προτείνεται η χρήση αυτής της ιδιότητας αντί για τη χρήση μεμονωμένων ιδιοτήτων, καθώς αυτή η ιδιότητα υποστηρίζεται καλύτερα από τους παλιούς περιηγητές και απαιτεί λιγότερα γράμματα για πληκτρολόγηση.

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

Εκμάθηση CSS:CSS φόντο、CSS φόντο (προχωρημένο)

Παράδειγμα HTML DOM:ιδιότητα background

παράδειγμα

Πώς να ρυθμίσετε όλες τις ιδιότητες φόντου σε μια δήλωση:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Δοκιμάστε το個人τικά

Γλώσσα σύνταξης CSS

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

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

Τιμή Περιγραφή CSS
background-color Ορίζει τη χρώση φόντου που θα χρησιμοποιηθεί. 1
background-position Ορίζει τη θέση της εικόνας φόντου. 1
background-size Ορίζει το μέγεθος της εικόνας φόντου. 3
background-repeat Ορίζει πώς θα επαναληφθεί η εικόνα φόντου. 1
background-origin Ορίζει την περιοχή τοποθέτησης της εικόνας φόντου. 3
background-clip Ορίζει την περιοχή ζωγραφικής του φόντου. 3
background-attachment Ορίζει αν η εικόνα φόντου είναι στατική ή θα κινείται με το υπόλοιπο της σελίδας. 1
background-image Ορίζει την εικόνα φόντου που θα χρησιμοποιηθεί. 1
inherit Ορίζει ότι η ρύθμιση της ιδιότητας background πρέπει να αποκτηθεί από το γονικό στοιχείο. 1

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

Προεπιλεγμένη τιμή: not specified
Πρόκληση απόκτησης: no
Έκδοση: CSS1 + CSS3
Γλώσσα σύνταξης JavaScript: object.style.background="white url(paper.gif) repeat-y"

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

Τα αριθμήματα στη τаблицή δείχνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως την ιδιότητα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5