Παράμετρος background-repeat CSS
- Προηγούμενη σελίδα υψος θέση υποβάθμισης
- Επόμενη σελίδα ύψος υποβάθμισης
Ορισμός και χρήση
background-repeat Εάν και πώς επαναλαμβάνεται η εικόνα φόντου.
Προεπιλεγμένα, η εικόνα φόντου επαναλαμβάνεται οριζόντια και κάθετα.
Συμπεριφόρα
Η ιδιότητα background-repeat καθορίζει το μοτίβο επανάληψης της εικόνας.
Από την αρχική εικόνα, η οποία ορίζεται από background-image Ορίζει και βασίζεται στο background-position τοποθετείται η τιμή.
Δείτε επίσης:
Εκμάθηση CSS:CSS υποβάθμιση
Εγχειρίδιο CSS:Ιδιότητα background-position
Εγχειρίδιο HTML DOM:Ιδιότητα backgroundRepeat
Παράδειγμα
body
{
background-image: url(stars.gif);
background-repeat: repeat-y;
}
Σημειώσεις και σχόλια
Σημείωση:Η θέση της εικόνας φόντου καθορίζεται από την ιδιότητα background-position. Αν δεν καθοριστεί η ιδιότητα background-position, η εικόνα θα τοποθετηθεί στην αριστερή επάνω γωνία του στοιχείου.
Γλώσσα γραφής CSS
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;
Τιμή ιδιότητας
Τιμή ιδιότητας
| Τιμή | Περιγραφή |
|---|---|
| repeat | Προεπιλεγμένη. Η εικόνα φόντου θα επαναλαμβάνεται κάθετα και οριζόντια. |
| repeat-x | Η εικόνα φόντου θα επαναλαμβάνεται οριζόντια. |
| repeat-y | Η εικόνα φόντου θα επαναλαμβάνεται κάθετα. |
| no-repeat | Η εικόνα φόντου θα εμφανίζεται μόνο μια φορά. |
| inherit | Καθορίζει ότι η ρύθμιση της ιδιότητας background-repeat πρέπει να προέρχεται από το γονικό στοιχείο. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | repeat |
|---|---|
| Εκδοχικότητα: | no |
| Έκδοση: | CSS1 |
| Γλώσσα γραφής JavaScript: | object.style.backgroundRepeat="repeat-y" |
Περισσότερα παραδείγματα
- Πώς να επαναλαμβάνεται η εικόνα φόντου κάθετα
- Αυτό το παράδειγμα δείχνει πώς να επαναλαμβάνεται η εικόνα φόντου κάθετα.
- Πώς να επαναλαμβάνεται η εικόνα φόντου οριζόντια
- Αυτό το παράδειγμα δείχνει πώς να επαναλαμβάνεται η εικόνα φόντου οριζόντια.
- Πώς να εμφανίζεται μόνο μια φορά η εικόνα φόντου
- Αυτό το παράδειγμα δείχνει πώς να εμφανίζεται μόνο μια φορά η εικόνα φόντου.
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμήματα στην τάβλη αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα αυτή.
| Chrome | Edge | Firefox | Safari | Όπερα |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Όπερα |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Προηγούμενη σελίδα υψος θέση υποβάθμισης
- Επόμενη σελίδα ύψος υποβάθμισης
