CSS border-image-outset ιδιότητα

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

Η ιδιότητα border-image-outset καθορίζει την ποσότητα που η εικόνα του περιγράμματος ξεπερνά το πλαίσιο του περιγράμματος.

βλέπετε επίσης:

Εκμάθηση CSS3:CSS3 όρια

παράδειγμα

Ρύθμιση της ιδιότητας border-image-outset:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

γλώσσα CSS

border-image-outset: length|number;

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

τιμή παραμέτρου

τιμή περιγραφή
length
number προσδιορίζει την πολλαπλασιαστική τιμή της αντίστοιχης παραμέτρου border-width.

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

προεπιλεγμένη τιμή: 0
υποκείμενη ιδιότητα: no
έκδοση: CSS3
Γλώσσα JavaScript: object.style.borderImageOutset="30 30"

υποστήριξη προγράμματος περιήγησης

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

βλέπετε border-image παραμέτροι.