Beispiel
Geben Sie die Breite des Rahmens Bild:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Versuch es selber " Definition und Verwendung
Die border-image-Breite-Eigenschaft gibt die Breite des Rahmens Bild.
Tipp: Schauen Sie auch an der Grenzbildeigenschaft (a shorthand property for setting all the border-image-* properties) von (a shorthand property for setting all the border-image-* properties) .
| Standardwert: | 1 |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.borderImageWidth="20px" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| border-image-width | 15,0 | 11.0 | 13.0 | 6.0 | 15,0 |
CSS-Syntax
border-image-width:number|%|auto|initial|inherit;Note: Die border-image-width - Eigenschaft von einem bis vier Werte annehmen kann (top, right, bottom, and left sides) . Wenn der vierte Wert weggelassen wird, ist es dasselbe wie das zweite. Wenn der dritte ebenfalls weggelassen wird, ist es dasselbe wie das erste. Wenn der zweite ebenfalls weggelassen wird, ist es dasselbe wie das erste.
Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| length | Eine Längeneinheit (px) , die Größe der Grenzbreite Spezifizieren | Spiel es " |
| number | Standardwert 1. Stellt ein Vielfaches der entsprechenden border-width | Spiel es " |
| % | Bezieht sich auf die Größe des Rahmens Bildfläche: die Breite des Bereichs für die horizontale Versätze, die Höhe für vertikalen Versatz | Spiel es " |
| auto | Wenn angegeben, ist die Breite der innere Breite oder Höhe des entsprechenden Bildscheibe | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS3 Tutorial: CSS3 Border Images
CSS Referenz: border-image property - border-image property
CSS Referenz: border-image-outset property
CSS Referenz: border-image-repeat property
CSS Referenz: border-image-slice property - border-image-slice property
CSS Referenz: border-image-source property - border-image-source property
HTML - DOM - Referenz: borderImageWidth property