HTML-DOM Stil borderImage Eigenschaft
Beispiele
Designated als Rahmen um das Bild div-Element:
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
Versuchen »
Definition und Verwendung
borderImage Eigenschaft wird borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset und borderImageRepeat Eigenschaften Kurzschrift - Eigenschaft.
Ausgelassene Werte werden auf ihre Standardwerte gesetzt.
Browser-Unterstützung
Internet Explorer 11, Firefox, Opera 15, Chrome und Safari 6 Unterstützung borderImage Eigenschaft.
Safari 5 unterstützt eine weitere Alternative der Immobilie Attribut, das webkitBorderImage Eigenschaft.
Grammatik
Zurück borderImage Eigenschaften:
object .style.borderImage
Einstellen borderImage Eigenschaften:
object .style.borderImage="source slice width outset repeat|initial|inherit"
Eigenschaft Wert
值 | 描述 |
---|---|
borderImageSource | 要用于绘制边框的图像的路径。 |
borderImageSlice | 图像边框的向内偏移。 |
borderImageWidth | 图像边框的宽度。 |
borderImageOutset | 边框图像区域超出边界框的量。 |
borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
Technische Details
Standard: | keine 100% 1 0 Strecke |
---|---|
Rückkehr: | Zeichenfolge, die den Grenzbildeigenschaft Element. |
CSS-Version | CSS3 |
In Verbindung stehende Artikel
CSS Referenz: border-Image - Eigenschaft