Style borderTop- Eigenschaft
Beispiel
Fügen Sie einem <div>-Element einen oberen Rand hinzu:
document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
Definition und Verwendung
Die Eigenschaft borderTop setzt oder gibt in Kurzform bis zu drei separate Eigenschaften von border-top zurück.
Mit dieser Eigenschaft können Sie einen oder mehrere der folgenden Werte festlegen/zurückgeben (in beliebiger Reihenfolge):
- Rahmen-Oberseiten-Breite
- Border-Top-Stil
- Rand-Oberseite-Farbe
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
borderTop | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft borderTop zurück:
object.style.borderTop
Legen Sie die Eigenschaft borderTop fest:
object.style.borderTop = "width style color|initial|inherit"
Eigenschaftswerte
Parameter | Description |
---|---|
width | Sets the width of the top border |
style | Sets the style of the top border |
color | Sets the color of the top 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 oberen Rahmens eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite, den Stil und die Farbe des oberen Rands eines <div>-Elements:
document.getElementById("myDiv").style.borderTop = "thin dotted red";
Beispiel
Gibt die Border-Top-Eigenschaftswerte eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.borderTop);
Verwandte Seiten
CSS-Tutorial: CSS-Border
CSS-Referenz: Eigenschaft border-top
HTML-DOM-Referenz: Border-Eigenschaft
❮ Style-Objekt