English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-bottom-Die style CSS-Eigenschaft wird verwendet, um den Stil der unteren Kante eines Elements einzeln zu setzen. Aber in der Praxis verwenden wirborder-styleoderborder-bottomum den Stil der Kante zu definieren.
Die nachstehende Tabelle enthält Anweisungen zur Verwendung und Versionsgeschichte dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.
| Standardwert: | none |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationseigenschaften。 |
| Version: | CSS 1，2，3 |
| JavaScript-Syntax: | object object.style.borderBottomStyle="dashed" |
Die Syntax dieser Eigenschaft ist wie folgt:
border-bottom-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
Der folgende Beispiel zeigt, wie man border verwendet-bottom-style-Eigenschaft.
p {
border-bottom-style: dashed;
border-bottom-width: 3px;
}Testen Sie heraus‹/›Die nachstehende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
none | Ohne Rahmen anzeigen. |
| hidden | Gleiche wie none, der Unterschied liegt darin, dass die Tabellenzellengeklappte Rahmenund zwei Zellen teilen die Rahmen. Der hidden-Wert stellt sicher, dass der Rahmen nicht gezeichnet wird, da hidden vor allen anderen Rahmenmustern priorisiert wird. |
| dotted | Der Rahmen wird als eine Reihe von Punkten dargestellt. |
| dashed | Der Rahmen wird als eine Reihe von kurzen Segmenten dargestellt, d.h. Strichen. |
| solid | Der Rahmen wird als eine durchgehende Linie dargestellt. |
| double | Der Rahmen wird als zwei parallele durchgehende Linien dargestellt, und zwischen ihnen wird ein gewisser Abstand gelassen. Die Summe der beiden Zeilen sowie der Abstand zwischen ihnen beträgtborder-widthWert. |
| groove | Anzeige, die so aussieht, als wäre der Rahmen in den Canvas geschnitten. Es gibt den Eindruck3D des Eindrucks, normalerweise durch die Verwendung von Farben erreicht, die heller sind als die Rahmefarbeborder-colordunkler und hellerer Farben durch die Erstellung eines Schattens erreicht. |
| ridge | Anzeige des umgekehrten Eindrucks des Rahmens groove. Es gibt auch3D des Eindrucks, dass der Rahmen so aussieht, als würde er aus dem Canvas herauskommen. |
| inset | Anzeige, die so aussieht, als wäre der Rahmen des Elements in den Canvas eingebettet. Es gibt den Eindruck3D, was normalerweise durch die Erstellung eines Schattens in zwei Farben erreicht wird, die heller sind als die Rahmenfarbeborder-coloretwas heller und dunkler. |
| outset | Anzeige des umgekehrten Eindrucks des Rahmens inset. Es gibt auch3D der Eindruck, dass der Rahmen so aussieht, als würde er aus dem Canvas herauskommen. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der verknüpfte Element der border des Elternelements verwendet-bottom-berechneter Wert der style-Eigenschaft. |
border-bottom-Kompatibilität der style-Eigenschaft der Browser, die Nummern in der nachstehenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt, alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung: Internet Explorer 7und frühere Versionen unterstützen value hidden. IE8unterstützt, aber benötigt。IE9und höher unterstützen den hidden-Wert.
Siehe Anleitung:CSS Border，CSS3 Border。
zusammenhängende Eigenschaften:border，border-style，border-bottom，border-bottom-color，
border-bottom-width。