Style borderTopWidthEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die borderTopWidth-Eigenschaft legt die Breite des oberen Rahmens eines Elements fest oder gibt sie zurück.

Syntax

borderTopWidth-Eigenschaft festlegen:

Object.style.borderTopWidth="thin|medium|thick|length|inherit"

borderTopWidth-Eigenschaft zurückgeben:

Object.style.borderTopWidth

Wert Beschreibung
thin Definiert einen dünnen Rahmen.
mittel Standard. Definiert einen mittleren Rahmen.
thick Definiert einen dicken Rahmen.
length Definiert die Breite des Rahmens mithilfe von Einheiten wie px, cm usw.
inherit Die Breite des oberen Rahmens wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die Eigenschaft borderTopWidth.

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 Breite des oberen 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.borderTopWidth="thick";
}
</script>
</head>
<body>

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

</body>
</html>

Selbst ausprobieren »

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