CSS Eigenschaft border-image-width
Beispiel
Geben Sie die Breite des Rahmenbilds an:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Definition und Verwendung
Die border-image-widthEigenschaft gibt die Breite des Rahmenbilds an.
Tipp: Sehen Sie sich auch die Eigenschaft border-image an (eine abgekürzte Eigenschaft zum Festlegen aller Eigenschaften border-image-*).
| Standardwert: | 1 |
|---|---|
| Vererbt: | Nein |
| Animierbar: | Nein. Lesen Sie mehr über animierbare |
| Ausführung: | CSS3 |
| JavaScript-Syntax: | Objekt .style.borderImageWidth="20px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Property | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS-Syntax
border-image-width: number|%|auto|initial|inherit;
Hinweis: Die border-image-widthEigenschaft 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 gleich dem ersten. Wenn auch der zweite weggelassen wird, ist er der erste.
Eigenschaftswerte
| Value | Description | Play it |
|---|---|---|
| length | A length unit (px) specifying the size of the border-width | |
| number | Default value 1. Represents multiples of the corresponding border-width | |
| % | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
| auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
| 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-outset
CSS-Referenz: Eigenschaft border-image-repeat
CSS-Referenz: Eigenschaft border-image-slice
CSS-Referenz: Eigenschaft border-image-source
HTML-DOM-Referenz: Eigenschaft borderImageWidth