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