CSS-Referenzhandbuch

CSS @Regel(RULES)

CSS-Attribut大全

CSS border-collapse Eigenschaft CSS border-bottom-style Eigenschaft

CSS border-bottom-Verwendung und Beispiel der width-Eigenschaft

border-bottom-Die width CSS-Eigenschaft wird verwendet, um die Breite der unteren Kante eines Elements单独 festzulegen. Aber im praktischen Leben wird oft 　 border-widthoderborder-bottomum den Stil der unteren Kante zu definieren.

Die Tabelle unten enthält Anweisungen zur Verwendung und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:	medium
Geeignet für:	Alle Elemente
Vererbung:	Nein
Animierbar:	Ja.Siehe Animationseigenschaft.
Version:	CSS 1,2,3
JavaScript-Syntax:	object object.style.borderBottomWidth="thick"

border-bottom-Syntax der Verwendung von width

Die Syntax dieser Eigenschaft ist wie folgt:

border-bottom-width: thin | medium | thick | length | initial | inherit

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

Beispiel

　　p {
　　　border-style: solid;
　　　border-bottom-width:　15px;
　　}

Testen Sie es heraus‹/›

Hinweis:Sie müssen die border-bottom-vor der width-Eigenschaftborder-styleEigenschaft. Der Element muss auch eine Kante haben, und die Breite der Kante darf nicht 0 sein, bevor die Breite der Kante eingestellt werden kann, weilborder-styleDer Standardwert der Eigenschaft ist none.

Eigenschaftswert

Die Tabelle unten beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
thin	Dünner Rahmen.
medium	Mittlerer Rahmen.
thick	Dicker Rahmen.
length	Längenwerte in Einheiten wie px, pt, cm, em usw.; jedoch sind negative Werte nicht erlaubt.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, verwendet der verknüpfte Element seine parent-element-border.-bottom-Berechneter Wert der width-Eigenschaft.

Browserkompatibilität

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

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

Weiterführende Lektüre

Siehe Anleitung:CSS Border,CSS3 Border.

zusammenhängende Eigenschaften:border,border-width,border-bottom,border-bottom-color,
border-bottom-style.

CSS border-collapse Eigenschaft CSS border-bottom-style Eigenschaft