Style borderBottomColorEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die borderBottomColor-Eigenschaft legt die Farbe des unteren Rahmens eines Elements fest oder gibt sie zurück.

Syntax

Legen Sie die borderBottomColor-Eigenschaft fest:

Object.style.borderBottomColor="color|transparent|inherit"

Gibt die borderBottomColor-Eigenschaft zurück:

Object.style.borderBottomColor

Tipp:Die borderBottomColor-Eigenschaft hat keinen Standardwert.

Wert Beschreibung
color Gibt die Farbe des unteren Rahmens an. UnterCSS-Farbwertenfinden Sie eine vollständige Liste möglicher Farbwerte.
transparent Die Farbe des unteren Rahmens ist transparent (der darunterliegende Inhalt scheint durch).
inherit Die Farbe des unteren Rahmens wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die Eigenschaft borderBottomColor.

Hinweis:IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".

Beispiel

Beispiel

Farbe des unteren Rahmens ändern:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<style type="text/css">
#ex1{
    border: 1px solid #FF0000;
}
</style>
<script>
function displayResult(){
    document.getElementById("ex1").style.borderBottomColor="#0080FF";
}
</script>
</head>
<body>

<div id="ex1">Dies ist ein Text.</div>
<br>
<button type="button" onclick="displayResult()">Farbe des unteren Rahmens ändern</button>

</body>
</html>

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Andere Erweiterungen