Style- Rand -Eigenschaft
Beispiel
Fügen Sie einem <div>-Element einen Rahmen hinzu:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Border-Eigenschaft legt bis zu drei separate Border-Eigenschaften 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
- Grenzstil
- Randfarbe
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Geben Sie die Border-Eigenschaft zurück:
object.style.border
Legen Sie die Rahmeneigenschaft fest:
object.style.border = "width style color|initial|inherit"
Eigenschaftswerte
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
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 Rahmenbreite, den Stil und/oder die Farbe eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite, den Stil und die Farbe des Rahmens eines <div>-Elements:
document.getElementById("myDiv").style.border = "thin dotted red";
Beispiel
Gibt die Border-Eigenschaftswerte eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.border);
Verwandte Seiten
CSS-Tutorial: CSS-Border
CSS-Referenz: Border-Eigenschaft