Beispiel
Fügen Sie eine Grenze zu einem <div> Elemente:
document.getElementById("myDiv").style.border = "thick solid #0000FF"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Eigenschaft border Sätze oder Renditen bis zu drei separaten Rahmeneigenschaften, in einer Kurzform.
Mit dieser Eigenschaft können Sie einstellen / Return eine oder mehrere der folgenden (in beliebiger Reihenfolge):
- Rahmenbreite
- border-style
- Randfarbe
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die Eigenschaft border:
object .style.border
Stellen Sie die Eigenschaft border:
object .style.border=" Eigenschaftswerte Parameter Beschreibung width Stellt die Breite der Ränder style Legt den Stil der Grenzen color Legt die Farbe der Grenzen 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 die Randbreite, die Art und / oder Farbe eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Breite, Stil und Farbe der Grenze eines <div> Element:
document.getElementById("myDiv").style.border = "thin dotted red"; Versuch es selber "
Beispiel
Bringen Sie die Grenze Eigenschaftswerte eines <div> Element:
alert(document.getElementById("myDiv").style.border); Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border property
<Style - Objekt