Style borderBottom- Eigenschaft
Beispiel
Fügen Sie einem <div>-Element einen unteren Rand hinzu:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft borderBottom legt bis zu drei separate Eigenschaften von border-bottom in Kurzform fest oder gibt sie zurück.
Mit dieser Eigenschaft können Sie einen oder mehrere der folgenden Werte festlegen/zurückgeben (in beliebiger Reihenfolge):
- Rahmenbreite unten
- Border-Bottom-Style
- Rand-Unterseite-Farbe
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Geben Sie die Eigenschaft borderBottom zurück:
object.style.borderBottom
Legen Sie die Eigenschaft borderBottom fest:
object.style.borderBottom = "width style color|initial|inherit"
Eigenschaftswerte
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | unbestimmt |
---|---|
Rückgabewert: | Ein String, der die Breite, den Stil und/oder die Farbe des unteren Rahmens eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite, den Stil und die Farbe des unteren Rands eines <div>-Elements:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Beispiel
Gibt die border-bottom-Eigenschaftswerte eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.borderBottom);
Verwandte Seiten
CSS-Tutorial: CSS-Border
CSS-Referenz: Eigenschaft border-bottom
HTML-DOM-Referenz: Border-Eigenschaft