Beispiel
Fügen Sie eine untere Grenze zu einem <div> Elemente:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die borderBottom Eigenschaftssätze oder kehrt bis zu drei separaten Grenz unteren Eigenschaften, in einer Kurzform.
Mit dieser Eigenschaft können Sie einstellen , / Rückkehr eines oder mehrere der folgenden (in any order) :
- border-bottom-width
- border-bottom-Stil
- border-bottom-color
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die borderBottom Eigenschaft:
object .style.borderBottom
Stellen Sie die borderBottom Eigenschaft:
object .style.borderBottom=" Eigenschaftswerte Parameter Beschreibung width Legt die Breite der unteren Grenze style Legt den Stil der unteren Grenze color Legt die Farbe der unteren Grenze 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: keine Angabe Rückgabewert: Ein String, die für die Breite, die Art und / oder Farbe der unteren Grenze eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Breite, Stil und Farbe der unteren Grenze eines <div> Element:
document.getElementById("myDiv").style.borderBottom = "thin dotted red"; Versuch es selber "
Beispiel
Bringen Sie die border-bottom Eigenschaftswerte eines <div> Element:
alert(document.getElementById("myDiv").style.borderBottom); Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border-bottom property - border-bottom property
HTML - DOM - Referenz: border property
<Style - Objekt