Ιδιότητα Style borderImageSlice
- Προηγούμενη σελίδα
- Επόμενη σελίδα
- Επιστροφή στο προηγούμενο επίπεδο HTML DOM Style Object
Ορισμός και χρήση
borderImageSlice
Ιδιότητα ορίζει την εσωτερική απόκλιση της εικόνας του περιγράμματος.
Επίσης δείτε:
Κατανοητό λεξικό CSS:Ενότητα border-image-slice
Παράδειγμα
Ορίζει την εσωτερική απόκλιση της εικόνας του περιγράμματος:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Γλώσσα γραμματογραφίας
Επιστροφή της ιδιότητας borderImageSlice:
object.style.borderImageSlice
Ρύθμιση της ιδιότητας borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
Τιμή ιδιότητας
Τιμή | Περιγραφή |
---|---|
number | Αριθμός, που δείχνει τα pixel (αν είναι ράστερ εικόνα) ή τις ακολουθίες συντεταγμένων (αν είναι εικόνα βέλη). |
% |
Ποσοστό ως προς το μέγεθος της εικόνας: η πλάτος επηρεάζει την οριζόντια απόκλιση, η ύψος την κατακόρυφη απόκλιση. Η προεπιλεγμένη τιμή είναι 100%. |
fill | Αποθηκεύση του κεντρικού μέρους της εικόνας του περιγράμματος. |
initial | Ρύθμιση αυτής της ιδιότητας στη προεπιλεγμένη της τιμή. Δείτε initial。 |
inherit | Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε inherit。 |
Τεχνικές λεπτομέρειες
Προεπιλεγμένη τιμή: | 100% |
---|---|
Αποτελεσματική τιμή: | κείμενο, που δείχνει το Ενότητα border-image-slice。 |
Έκδοση CSS: | CSS3 |
Πρόγραμμα περιήγησης υποστηρίζει
Τα αριθμήματα στη τράπεζα δείχνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Υποστήριξη | 11.0 | Υποστήριξη | 6.0 | 15.0 |
Παρακαλώ ελέγξτε Ιδιότητα borderImage!
- Προηγούμενη σελίδα
- Επόμενη σελίδα
- Επιστροφή στο προηγούμενο επίπεδο HTML DOM Style Object