CSS border-image-repeat ιδιότητα
- προηγούμενη σελίδα border-image-outset
- Επόμενη σελίδα border-image-slice
Ορισμός και χρήση
Η παραμέτρος border-image-repeat καθορίζει αν η εικόνα του περιθωρίου πρέπει να επαναληφθεί ( επαναληπτική), να επεκταθεί (εκτατική) ή να γεμίσει την περιοχή (τροχλιά).
Δείτε επίσης:
Εκμάθηση CSS3:CSS3 όρια
Παράδειγμα
Καθορίζει πώς επαναλαμβάνεται η εικόνα του περιθωρίου:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
Γλώσσα σύνταξης CSS
border-image-repeat: stretch|repeat|round;
Σημειώσεις:Η παραμέτρος καθορίζει πώς επεκτείνετε και επαναλαμβάνετε τα άκρα και το κέντρο της εικόνας του περιθωρίου. Επομένως, μπορείτε να καθορίσετε δύο τιμές. Αν παραλείπεται η δεύτερη τιμή, τότε λαμβάνεται η ίδια τιμή με την πρώτη.
Τιμή της παραμέτρου
| Τιμή | Περιγραφή |
|---|---|
| stretch | Επέκταση εικόνων για να γεμίσουν την περιοχή |
| repeat | Πανεπαναλαμβανόμενη επανάληψη ( επανάληψη) εικόνων για να γεμίσουν την περιοχή. |
| round | Παρόμοια με την τιμή repeat. Αν δεν υποστηρίζεται η πλήρης επανάληψη όλων των εικόνων, τότε επεκτείνετε τις εικόνες για να ταιριάζουν στην περιοχή. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | stretch |
|---|---|
| Κληρονομικότητα: | no |
| Έκδοση: | CSS3 |
| Γλώσσα σύνταξης JavaScript: | object.style.borderImageRepeat="round" |
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμήματα στη τάβλη αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την παραμέτρο.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
βλέπετε border-image παραμέτρος.
- προηγούμενη σελίδα border-image-outset
- Επόμενη σελίδα border-image-slice
