Ιδιότητα Style borderImageOutset

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

borderImageOutset Ρύθμιση ή επιστροφή της ποσότητας που η περιοχή της εικόνας του περιγράμματος ξεπερνά το περίγραμμα του κουτιού (border box).

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

Εγχειρίδιο CSS:Αtribούμενο border-image-outset

Παράδειγμα

Τοποθέτηση του περιγράμματος εκτός των άκρων του στοιχείου <div>：

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

Προσπαθήστε το شخصικά

Γλώσσα

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

object.style.borderImageOutset

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

object.style.borderImageOutset = "length|number|initial|inherit"

Σημειώσεις：borderImageOutset Η ιδιότητα καθορίζει την ποσότητα που η εικόνα του περιγράμματος ξεπερνά το περίγραμμα του κουτιού. Στα πάνω, δεξιά, κάτω, αριστερά. Αν αγνοηθεί η τέταρτη τιμή, τότε είναι η ίδια με η δεύτερη τιμή. Αν παραλειφθεί η τρίτη τιμή, τότε είναι η ίδια με η πρώτη τιμή. Αν παραλειφθεί η δεύτερη τιμή, τότε είναι η ίδια με η πρώτη τιμή. Δεν επιτρέπονται αρνητικές τιμές ως τιμή border-image-outset.

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

Τιμή Περιγραφή
length Μονάδα μήκους που καθορίζει πού θα εμφανιστεί η εικόνα του περιγράμματος. Προεπιλεγμένη τιμή 0.
number Παρουσιάζει τα πολλαπλάσια του border-width.
initial Ρύθμιση αυτής της ιδιότητας στη προεπιλεγμένη τιμή της. Εξετάστε initial。
inherit Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Εξετάστε inherit。

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

Προεπιλεγμένη τιμή： 0
Αποτελεσματική τιμή： αλφαριθμητική συμβολοσειρά που δείχνει την Αtribούμενο border-image-outset。
Έκδοση CSS： CSS3

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

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

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

Παρακαλώ ελέγξτε Σημείωση borderImage!