Beispiel
Fügen Sie einen "solid" oberen Rand zu einem <div> Elemente:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Versuch es selber " Definition und Verwendung
Die borderTopStyle Eigenschaftssätze oder gibt den Stil der oberen Grenze eines Elements.
Browser-Unterstützung
Die borderTopStyle Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die borderTopStyle Eigenschaft:
object .style.borderTopStyle
Stellen Sie die borderTopStyle Eigenschaft:
object .style.borderTopStyle= value |initial|inherit
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Definiert keine Grenze. Dies ist die Standardeinstellung |
| hidden | Das gleiche wie "none" , außer in der Grenzkonfliktlösung für Tabellenelemente |
| dotted | Definiert eine punktierte Grenze |
| dashed | Definiert eine gestrichelte Umrandung |
| solid | Definiert eine feste Grenze |
| double | Definiert zwei Grenzen. Die Breite der beiden Grenzen sind die gleichen wie die Grenze Breitenwert |
| groove | Definiert einen 3D gerillten Rand. Die Wirkung hängt von dem Grenzfarbwert |
| ridge | Definiert einen 3D geriffelten Rand. Die Wirkung hängt von dem Grenzfarbwert |
| inset | Definiert eine 3D-Einschub Grenze. Die Wirkung hängt von dem Grenzfarbwert |
| outset | Definiert eine 3D Anfang Grenze. Die Wirkung hängt von dem Grenzfarbwert |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | keiner |
|---|---|
| Rückgabewert: | Ein String, die den Stil eines oberen Rand des Elements |
| CSS Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie den Stil der oberen Grenze eines <div> Element "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Versuch es selber " Beispiel
Bringen Sie den oberen Rand Stil eines <div> Element:
alert(document.getElementById("myDiv").style.borderTopStyle); Versuch es selber " Beispiel
Eine Demonstration aller unterschiedlichen Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border-top-style property
HTML - DOM - Referenz: border property
<Style - Objekt