Style borderLeftColorEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die borderLeftColor-Eigenschaft legt die Farbe des linken Rahmens des Elements fest oder gibt sie zurück.

Syntax

Legen Sie die borderLeftColor-Eigenschaft fest:

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

Geben Sie die borderLeftColor-Eigenschaft zurück:

Object.style.borderLeftColor

Tipp:Die borderLeftColor-Eigenschaft hat keinen Standardwert.

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

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die borderLeftColor-Eigenschaft.

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

Ändern Sie die Farbe des linken Rahmens:

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

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

</body>
</html>

Selbst ausprobieren »

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