English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel (RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS Border-unten-color Eigenschaft Verwendung und Beispiel

CSS Border-unten-Die color-Eigenschaft wird verwendet, um die Farbe der unteren Border eines Elements einzeln zu setzen. Aber im praktischen Einsatz verwenden wir oft die Kurzwriteseite der border-Eigenschaft, nämlichBorder-FarbeoderBorder-untenum den Stil oder die Farbe der Border zu setzen.

Die folgende Tabelle zusammenfasst die Anwendungskontexte und Versionshistorie dieser Eigenschaft.

Standardwert:FarbeEigenschaftswert
Geeignet für:Alle Elemente
Vererbung:Nein
Animierbar:Ja.Siehe Animationseigenschaft.
Version:CSS 1,2,3
JavaScript Syntax:object object.style.borderBottomColor="red"

Border-unten-color Syntax

Die Syntax dieser Eigenschaft ist wie folgt:

Border-unten-color: color | transparent | inherit

Die folgenden Beispiele zeigen, wie man die Border-unten-color-Eigenschaft.

  p {
   Border-style: solid;
   Border-unten-color: #ff0000;
  }
Testen Sie es heraus‹/›

Hinweis:Muss in CSS Border-unten-color-Eigenschaft vor der DeklarationBorder-styleDiese Eigenschaft, und das Element muss eine Border haben, bevor die Farbe der Border eingestellt werden kann.

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
FarbeFarbe der oberen Border angeben. Schauen Sie sich anCSS-Farbwerteum eine Liste möglicher Farbwerte zu erhalten.
transparentErmöglicht es, dass die Border transparent ist, obwohl sie möglicherweise Platz beanspruchtBorder-BreiteRaum für die Eigenschaft.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird das zugehörige Element die Border des übergeordneten Elements verwenden-unten-Berechneter Wert der color-Eigenschaft.

Browserkompatibilität

Border-unten-Die Kompatibilität der color-Eigenschaft der Browser, die Zahlen in der folgenden 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+

Weiterlesen

Siehe Anleitung:CSS Border,CSS3 Border.

zusammenhängende Eigenschaften:Border,Border-Farbe,Border-unten,Border-unten-style,
Border-unten-Breite.