Style backgroundRepeat 屬性

定義和用法

backgroundRepeat Ρύθμιση ή επιστροφή της επαναλαμβανόμενης (τύλιγμα) εικόνας φόντου.

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

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

Εκμάθηση CSS:Πίσω Σύνολο CSS

Εκμάθηση CSS3:Φόντο CSS3

Εγχειρίδιο CSS:Ιδιότητα background-repeat

Παράδειγμα

Παράδειγμα 1

Ρύθμιση της εικόνας φόντου σε μη επαναλαμβανόμενη (no-repeat):

document.body.style.backgroundRepeat = "repeat-y";

Προσπάθησε το εαυτό σου

Παράδειγμα 2

Αλλαγή της ιδιότητας backgroundRepeat του καθορισμένου στοιχείου DIV:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Προσπάθησε το εαυτό σου

Παράδειγμα 3

Ρύθμιση της επαναλαμβανόμενης εικόνας φόντου σε οριζόντια ή κατακόρυφη επαναλαμβάνουσα:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

Προσπάθησε το εαυτό σου

Παράδειγμα 4

Επιστροφή της τιμής background-repeat του έγγραφου:

alert(document.body.style.backgroundRepeat);

Προσπάθησε το εαυτό σου

Γραμματική

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

object.style.backgroundRepeat

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

object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

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

Τιμή Περιγραφή
repeat Η εικόνα φόντου επαναλαμβάνεται τόσο οριζόντια όσο και κατακόρυφα. Προεπιλεγμένη.
repeat-x Η εικόνα φόντου επαναλαμβάνεται μόνο κατακόρυφα.
repeat-y Η εικόνα φόντου επαναλαμβάνεται μόνο οριζόντια.
no-repeat Η εικόνα φόντου δεν επαναλαμβάνεται.
initial Αποτελείται σε προεπιλεγμένη τιμή αυτή την ιδιότητα. Βλέπε: initial.
inherit Επιτρέπει την κληρονομιά αυτής της ιδιότητας από το γονικό στοιχείο. Βλέπε: inherit.

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

Προεπιλεγμένη τιμή: repeat
Αποτελεσματική τιμή: Σtring, που δείχνει πώς επαναλαμβάνεται η εικόνα φόντου.
Έκδοση CSS: CSS1

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

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

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

Κρόμεω Εντζ Φάιρεξ Σαφάρι Οπερα IE
Κρόμεω Εντζ Φάιρεξ Σαφάρι Οπερα IE
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη