Beispiel
Geben Sie ein Bild als Rahmen um ein <div> Element:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; Versuch es selber " Definition und Verwendung
Die borderImage Eigenschaft ist eine zusammenfassende Eigenschaft für die Einstellung der borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset und borderImageRepeat Eigenschaften.
Ausgelassene Werte werden auf ihre Standardwerte gesetzt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Webkit, Moz oder O der erste Version angeben, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 4.0 Webkit | 11.0 | 15,0 3,5 Moz | 6.0 3.1 Webkit | 15,0 11,0 O |
Syntax
Bringen Sie die borderImage Eigenschaft:
object .style.borderImage
Stellen Sie die borderImage Eigenschaft:
object .style.borderImage=" Eigenschaftswerte Wert Beschreibung borderImageSource Der Weg, um das Bild als eine Grenze verwendet werden, borderImageSlice Der nach innen gerichtete Versatz der Bild Grenze borderImageWidth Die Breiten der Bild Grenze borderImageOutset Der Betrag, um den die Grenze Bildbereich über die Grenzkasten erstreckt borderImageRepeat Ob die Bildgrenze wiederholt werden soll, abgerundet oder gestreckt initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keine 100% 1 0 stretch Rückgabewert: Ein String, die die Grenzbildeigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: border-image property
<Style - Objekt