CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS border-top-width Eigenschaft CSS3 border-top-right-radius Eigenschaft

CSS border-top-Verwendung und Beispiel der style-Eigenschaft

border-top-Die style-Eigenschaft legt den Stil der oberen Kante des Elements fest. Allerdings wird in vielen Fällen wieborder-styleoderborder-topDiese Kurzschreibweise der CSS-Eigenschaft ist bequemer und auch empfehlenswerter zu verwenden.

Die folgende Tabelle enthält Anweisungen und Versionshistorie der Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:	none
Geeignet für:	Alle Elemente
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationsattribute。
Version:	CSS 1，2，3
JavaScript-Syntax:	object.style.borderTopStyle="dotted"

border-top-Syntax der Verwendung von style

Die Syntax dieser Eigenschaft ist wie folgt:

border-top-style:　none　|　hidden　|　dotted　|
　　　　　　　　　　　　　　　　　　　　dashed　|　solid　|　double　|
　　　　　　　　　　　　　　　　　　　　groove　|　ridge　|　inset　|　outset　|　inherit

Der folgende Beispiel zeigt, wie man border verwendet-top-style-Eigenschaft.

Beispiel

　　p　{
　　　border-top-style:　dashed;
　　　border-top-width:　3px;
　　}

Testen Sie, um zu sehen‹/›

Attributswerte

Die Tabelle beschreibt die Werte dieses Attributes.

Wert	Beschreibung
none	keine Kante anzeigen.
hidden	wie das gleiche none, der Unterschied darin ist, dass die Tabellenzellengeklappte Kanteund zwei Zellen teilen die Kante. Der hidden-Wert stellt sicher, dass die Kante nicht gezeichnet wird, da hidden vor allen anderen Kantenmustern priorisiert wird.
dotted	Zeige die Kante als eine Reihe von Punkten.
dashed	Zeige die Kante als eine Reihe von kurzen Linienabschnitten, d.h. Strichen.
solid	Zeige die Kante als eine gerade Linie.
double	Zeige die Kante als zwei parallele gerade Linien und lass zwischen ihnen einen bestimmten Abstand. Die Summe der beiden Zeilen sowie der Abstand zwischen ihnen beträgtborder-widthWert.
groove	Zeige eine Kante, die in den Canvas geschnitten aussieht. Es gibt den Eindruck,3D-Eindruck, normalerweise durch die Verwendung von Farben erreicht, die heller sind als die Kantenfarbeborder-colordunkler und hellerer Farben, um den Schatten zu erzeugen.
ridge	Zeige eine Kante, die dem Effekt entgegengesetzt ist, groove. Es gibt auch3D-Eindruck, die Kante scheint so aus dem Canvas herauszukommen.
inset	Zeige eine Kante, die so aussieht, als wäre sie in den Canvas eingebettet. Es gibt den Eindruck,3D, das in der Regel durch die Erstellung eines Schattens in zwei Farben erreicht wird, die heller sind als die Kantenfarbeborder-coloretwas heller und dunkler.
outset	Zeige eine Kante, die dem Effekt entgegengesetzt ist, inset. Es gibt auch3D-Eindruck, die Kante macht den Kasten so aus, als wäre er aus dem Canvas herausgekommen.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der border des übergeordneten Elements verwendet.-top-Wert der style-Eigenschaft.

Browserkompatibilität

border-top-Kompatibilität der style-Eigenschaft der Browser, die Zahlen in der Tabelle geben die niedrigste Versionsnummer des Browsers an, der die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Warnung: Internet Explorer 7und frühere Versionen unterstützen value hidden. IE8unterstützt, aber benötigt<!DOCTYPE>。IE9und höher unterstützen den hidden-Wert.

Weiterlesen

Siehe Tutorial:CSS Border，CSS3 Border。

zusammenhängende Eigenschaften:border，border-style，border-top，border-top-color，
border-top-width。

CSS border-top-width Eigenschaft CSS3 border-top-right-radius Eigenschaft