CSS3 border-image-Eigenschaft
Beispiele
Designated als Rahmen um das Bild div-Element:
{
-webkit-border-image: url (border.png) 30 30 rund; / * Safari 5 * /
-o-border-image: url (border.png) 30 30 rund; / * Opera * /
border-image: url (border.png) 30 30 rund;
}
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
Immobilien | |||||
---|---|---|---|---|---|
border-image | 16.0 4.0 -webkit- | 11.0 | 15,0 3.5 -moz- | 6.0 3.1 -webkit- | 15,0 11,0 -o- |
Attributdefinitionen und Anweisungen
border-image - Eigenschaft ist eine Kurzschrift - Eigenschaft verwendet , um die festlegen border-image-Quelle , border-image-Scheibe , border-image-Breite , border-image-OUTSET und border-image-Wiederholungswert.
Ausgelassene Einstellungen auf die Standardwerte.
Tipp: schöne skalierbare Tasten border-image- * Eigenschaften zu bauen!
Standard: | keine 100% 1 0 Strecke |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.borderImage = "url (border.png)30 30 rund" |
Grammatik
值 | 描述 |
---|---|
border-image-source | 用于指定要用于绘制边框的图像的位置 |
border-image-slice | 图像边界向内偏移 |
border-image-width | 图像边界的宽度 |
border-image-outset | 用于指定在边框外部绘制 border-image-area 的量 |
border-image-repeat | 这个例子演示了如何创建一个border-image 属性的按钮。 |
Weitere Beispiele
Bildschaltfläche
Dieses Beispiel zeigt, wie ein Rand-Bild-Attribut Schaltfläche zu erstellen.
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Borders