style borderImageOutset- Eigenschaft
Beispiel
Platzieren Sie den Rahmen außerhalb der Ränder des <div>-Elements:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Definition und Verwendung
Die Eigenschaft borderImageOutset setzt oder gibt den Betrag zurück, um den sich der Randbildbereich über das Randfeld hinaus erstreckt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Sehen Sie sich stattdessen die Eigenschaft borderImage an!
Syntax
Geben Sie die Eigenschaft borderImageOutset zurück:
object.style.borderImageOutset
Legen Sie die Eigenschaft borderImageOutset fest:
object.style.borderImageOutset = "length|number|initial|inherit"
Hinweis: Die Eigenschaft borderImageOutset gibt den Betrag an, um den sich der Rahmenbildbereich über das Rahmenfeld hinaus erstreckt. auf der oberen, rechten, unteren und linken Seite. Wenn der vierte Wert weggelassen wird, ist er derselbe wie der zweite. Wenn auch der dritte weggelassen wird, ist er der erste. Wenn auch der zweite weggelassen wird, ist er der erste. Negative Werte sind für keinen der borderImageOutset-Werte zulässig.
Eigenschaftswerte
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 0 |
---|---|
Rückgabewert: | Ein String, der die Eigenschaft border-image-outset eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft border-image-outset