style borderWidth- Eigenschaft
Beispiel
Ändern Sie die Breite der vier Ränder eines <div>-Elements:
document.getElementById("myDiv").style.borderWidth = "thick";
Definition und Verwendung
Die Eigenschaft borderWidth legt die Breite des Rahmens eines Elements fest oder gibt sie zurück.
Diese Eigenschaft kann einen bis vier Werte annehmen:
- Ein Wert, wie: p {border-width: dick} – alle vier Ränder werden dick sein
- Zwei Werte, wie: p {border-width: dick thin} - der obere und untere Rand wird dick sein, der linke und der rechte Rand werden dünn sein
- Drei Werte, wie: p {border-width: dick, dünn, mittel} – der obere Rand ist dick, der linke und der rechte Rand sind dünn, der untere Rand ist mittel
- Vier Werte, wie: p {border-width: dick dünn mittel 10px} – der obere Rand ist dick, der rechte Rand ist dünn, der untere Rand ist mittel, der linke Rand ist 10px
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft borderWidth zurück:
object.style.borderWidth
Legen Sie die Eigenschaft borderWidth fest:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
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: | Mittel |
---|---|
Rückgabewert: | Ein String, der die Breite des Rahmens eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite des oberen und unteren Rands in dick und den linken und rechten Rand in dünn eines <div>-Elements:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Beispiel
Ändern Sie die Breite der vier Ränder eines <div>-Elements mit dem Längenwert :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Beispiel
Gibt die Breite des Rahmens eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.borderWidth);
Verwandte Seiten
CSS-Tutorial: CSS-Border
CSS-Referenz: Eigenschaft border-width
HTML-DOM-Referenz: Border-Eigenschaft
❮ Style-Objekt