CSS Eigenschaft border-image- outset
Beispiel
Platzieren Sie das Rahmenbild 10 Pixel außerhalb der Rahmenkanten eines Elements:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definition und Verwendung
Die border-image-outset
Eigenschaft gibt den Betrag an, um den der Rahmenbildbereich über die Rahmenbox hinausragt.
Tipp: Sehen Sie sich auch die Eigenschaft border-image an (eine abgekürzte Eigenschaft zum Festlegen aller Eigenschaften border-image-*).
Standardwert: | 0 |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.borderImageOutset="10px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-Syntax
border-image-outset: length|number|initial|inherit;
Hinweis: Die border-image-outset
Eigenschaft kann einen bis vier Werte annehmen (obere, rechte, untere und linke 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.
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
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 |
Verwandte Seiten
CSS-Tutorial: CSS-Randbilder
CSS-Referenz: border-image-Eigenschaft
CSS-Referenz: Eigenschaft border-image-repeat
CSS-Referenz: Eigenschaft border-image-slice
CSS-Referenz: Eigenschaft border-image-source
CSS-Referenz: Eigenschaft border-image-width
HTML-DOM-Referenz: Eigenschaft borderImageOutset