CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS3 border-image-repeat Eigenschaft CSS3 border-image Eigenschaft

CSS3 border-image-Verwendung und Beispiel der outset-Eigenschaft

Dieser border-image-Die outsetCSS-Eigenschaft legt die Menge der vom Randbildbereich übersteigenden Mengen fest.

Die folgende Tabelle enthält die Verwendungsanweisung und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung im JavaScript-Skript.

默认值：	0
Standardwert:	Geeignet für:-Diese Eigenschaft kann auf jedes Element angewendet werden, aber wenn die Tabellenelemente (wie tr, th, td) der border-image-Wenn der Wert von collapse collapse ist, wird der border outset-Eigenschaft ist ungültig.Es gilt auch für-::first.
letter	Vererbung:
Keine	Animierbar:Nein. Bitte sehen Sie.
Animationseigenschaft	CSS3Version:
Neue Funktion in	object.style.borderImageOutset="20 20"

border-image-Syntax der Verwendung von outset

Die Syntax dieser Eigenschaft ist wie folgt:

　border-image-outset: length | number | initial | inherit

Der folgende Beispiel zeigt, wie man border outset verwendet-image-outset-Eigenschaft.

Beispiel

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px solid transparent;
　　　　border-image-source: url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-outset:　15px;
}

Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
length	Gibt die absolute Entfernung oder den Abstand in relativen Einheiten an, den das Boundary Bild über den Rahmen hinausragen kann. Negative Werte sind nicht erlaubt.
number	Stellt die Breite der Grenze oder des Rahmens darborder-widthMalzahl der Werte. Negative Werte sind nicht erlaubt.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der border des übergeordneten Elements verwendet.-image-Werte des outset-Eigenschafts.

Browserkompatibilität

border-image-Kompatibilität des outset-Eigenschafts mit Browsern, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

Weiterlesen

Bitte参阅以下教程：CSS3 BorderundCSS Border.

Zusammenhängende Eigenschaften:border-image,border-image-source,border-image-slice,border-image-width,border-image-repeat,border.

CSS3 border-image-repeat Eigenschaft CSS3 border-image Eigenschaft