Ιδιότητα μοτίβου borderImageRepeat

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

borderImageRepeat Ρύθμιση ή επιστροφή αν η εικόνα περιγράμματος πρέπει να επαναλαμβάνεται (repeated), να καλύπτει (rounded) ή να επεκτείνεται (stretched).

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

Χειροκίνητο εγχειρίδιο CSS：Απόληψη εικόνας περιγράμματος border-image-repeat ιδιότητα

Παράδειγμα

Καθορίζει πώς επαναλαμβάνεται η εικόνα περιγράμματος：

document.getElementById("myDIV").style.borderImageRepeat = "round";

Προσπαθήστε το προσωπικά

Γλωσσική δομή

Επιστροφή της ιδιότητας borderImageRepeat：

object.style.borderImageRepeat

Ρύθμιση της ιδιότητας borderImageRepeat：

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

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

Τιμή Περιγραφή
stretch Προεπιλεγμένη τιμή. Η εικόνα επεκτείνεται για να καλύψει την περιοχή.
repeat Η εικόνα τοποθετείται με τακτική (αναπαράσταση) για να καλύψει την περιοχή.
round

Η εικόνα τοποθετείται με τακτική (αναπαράσταση) για να καλύψει την περιοχή.

Αν η περιοχή δεν καλυφθεί με πλήρη αριθμό τεμαχίων εικόνας, η εικόνα θα επαναδιαμορφωθεί για να ταιριάζει.
space

Η εικόνα τοποθετείται με τακτική (αναπαράσταση) για να καλύψει την περιοχή.

Αν η περιοχή δεν καλυφθεί με πλήρη αριθμό τεμαχίων εικόνας, ο πρόσθετος χώρος θα διανεμηθεί γύρω από τα τεμαχία.
initial Ρύθμιση αυτής της ιδιότητας στην προεπιλεγμένη της τιμή. Δείτε initial.
inherit Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή： stretch
Αποτελεσματική τιμή： Συνηρημένη αλφαβητική σειρά που εκφράζει το στοιχείο Απόληψη εικόνας περιγράμματος border-image-repeat ιδιότητα.
Έκδοση CSS： CSS3

Πρόγραμμα περιήγησης υποστήριξη

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη 11.0 Υποστήριξη 6.0 15.0

Δείτε επίσης Προσδιορισμός borderImage.