CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS border-left Eigenschaft CSS3 border-image-source Eigenschaft

CSS3 border-image-Verwendung und Beispiel für die width-Eigenschaft

border-image-Die CSS-Eigenschaft width bestimmt die Breite der Rahmen.

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

Standardwert:	1
Geeignet für:	Diese Eigenschaft kann auf jedes Element angewendet werden, aber bei Tabellenelementen (wie tr, th, td) der Rahmen-Wenn der Wert der Eigenschaft collapse collapse ist, wird der border-image-Die width-Eigenschaft ist ungültig. Es gilt auch für::first-letter.
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationsattribute.
Version:	CSS3neue Funktion
JavaScript-Syntax:	object.style.borderImageWidth="30 30"

border-image-Syntax der Verwendung von width

Die Syntax dieses Attributes ist wie folgt:

border-image-width: [ length | percentage | number | auto ]　1　bis　4　values | initial | inherit

Die folgenden Beispiele zeigen, wie man border-image-width-Eigenschaft.

Beispiel

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source: url("border.png");
　　　　border-image-width:　10px;
　　　　border-image-slice:　30;
　　　　border-image-repeat: round;
}

Testen Sie heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
length	Gibt die Breite des Bordes in absoluten oder relativen Einheiten an.
percentage	Gibt die Breite des Bordes in Prozent des Elements an.
number	Stellt das Element darborder-widthBerechneter Wert der Eigenschaft oder Vielfaches der Bordergeschwindigkeit.
auto	Gibt die natürliche Breite oder Höhe des entsprechenden Bildausschnitts an.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der border der übergeordneten Elemente verwendet.-image-Berechneter Wert der width-Eigenschaft.

Browserkompatibilität

border-image-Kompatibilität der width-Eigenschaft der Browser, die in der folgenden Tabelle enthaltenen Zahlen stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

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

Weiterlesen

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

CSS border-left Eigenschaft CSS3 border-image-source Eigenschaft