Beispiel
Fügen Sie einen "solid" unteren Rand zu einem <div> Elemente:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Versuch es selber " Definition und Verwendung
Die borderBottomStyle Eigenschaftssätze oder gibt den Stil der unteren Grenze eines Elements.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Hinweis: Der Wert "hidden" ist nicht in IE7 und früheren Versionen unterstützt. IE9 und höher unterstützen "hidden" .
Syntax
Bringen Sie die borderBottomStyle Eigenschaft:
object .style.borderBottomStyle
Stellen Sie die borderBottomStyle Eigenschaft:
object .style.borderBottomStyle= value 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 unteren Rand des Elements |
| CSS Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie den Stil der unteren Grenze eines <div> Element "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Versuch es selber " Beispiel
Bringen Sie den unteren Rand Stil eines <div> Element:
alert(document.getElementById("myDiv").style.borderBottomStyle); Versuch es selber " Beispiel
Eine Demonstration aller unterschiedlichen Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border-bottom-style property
HTML - DOM - Referenz: border property
<Style - Objekt