Ιδιότητα 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