CSS Reference Manual

CSS @rules (RULES)

Complete list of CSS properties

CSS3 border-image-outset Eigenschaft CSS border-color Eigenschaft

CSS3 border-Verwendung und Beispiele für die image-Eigenschaft

border-Wie die CSS-Eigenschaft image zur Ersetzung von Rahmenmustern verwendet wird. Dies ist eine Abkürzungseigenschaft, um gleichzeitig zu setzenborder-image-source,border-image-slice,border-image-width,border-image-outsetundborder-image-repeatEigenschaft

Die nachstehende Tabelle zeigt die Verwendung und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:	none 100 stretch; Alle Eigenschaften anzeigen
Geeignet für:	Diese Eigenschaft kann auf jedes Element angewendet werden, aber bei Tabellenelementen (wie tr, th, td) mit der Grenze-Wenn der Wert des collapse-Attributs collapse ist, dann border-Das image-Attribut ist ungültig. Es gilt auch für::first-letter.
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationsattribute.
Version:	CSS3neue Funktion
JavaScript-Syntax:	object.style.borderImage="url(border.png) 30 30 rund"

border-Syntax der Verwendung von image

Die Syntax dieses Attributes ist wie folgt:

border-image: [ source slice width outset repeat ] | initial | inherit

Die folgenden Beispiele zeigen, wie man border-image-Attribut.

Beispiel

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px fest transparent;
　　　　-webkit-border-image: url("border.png")　30　30 runde;　/*　Safari　3.1-5　*/
　　　　-o-border-image: url("border.png")　30　30 runde;　/*　Opera　11-12.1　*/
　　　　border-image: url("border.png")　30　30 runde;
}

Testen Sie es heraus‹/›

Attributswerte

Die folgende Tabelle beschreibt die Werte dieses Attributes.

Wert	Beschreibung
border-image-source	Bestimmt den Ort des Bildes, das für den Rahmen verwendet wird.
border-image-slice	Bestimmt den Innenausgleich für die oberen, rechten, unteren und linken Kanten des Rahmens.
border-image-width	Bestimmt die Breite des Rahmens.
border-image-outset	Bestimmt die Anzahl der Einheiten, die über den Rahmen hinausgehen.
border-image-repeat	Bestimmt, wie das Zentrum des Rasters skaliert oder gestreift wird, um die Größe des Rasters zu passen.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der border des übergeordneten Elements für das verknüpfte Element verwendet.-Wert des image-Attributs.

Browserkompatibilität

border-Kompatibilität der Browser für das image-Attribut, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die dieses Attribut unterstützen; alle gängigen Browser unterstützen dieses Attribut.

	Firefox 3.5+ ^-moz-,15 + Google Chrome 4+ ^-webkit-,16 + Internet Explorer 11+ Apple Safari 3.1+ ^-webkit-,6+ Opera 11+ ^-o-,15+ ^-webkit-

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS3 BorderundCSS Border.

CSS3 border-image-outset Eigenschaft CSS border-color Eigenschaft