Beispiel
Ändern Sie die Breite der vier Ränder eines <div> Element:
document.getElementById("myDiv").style.borderWidth = "thick"; Versuch es selber " Definition und Verwendung
Die Eigenschaft Borderwidth-Sets oder gibt die Breite eines Grenz des Elements.
Diese Eigenschaft kann von einem bis vier Werte annehmen:
- Ein Wert, wie: p {border-width: thick} - alle vier Ränder werden dick sein
- Zwei Werte, wie: p {border-width: dick dünn} - die obere und untere Grenze wird dick, linken und rechten Rand wird dünn
- Drei Werte, wie: p {border-width: dick dünn mittel} - die obere Grenze wird dick, linken und rechten Rand wird dünn, wird unteren Rand Medium
- Vier Werte, wie: p {border-width: dick dünn Medium 10px} - die obere Grenze wird dick, werden rechtser Rand dünn, unterer Rand wird Medium wird linker Rand seiner 10px
Browser-Unterstützung
Die Eigenschaft Borderwidth ist in allen wichtigen Browsern unterstützt.
Syntax
Bringen Sie die Eigenschaft Borderwidth:
object .style.borderWidth
Stellen Sie die Eigenschaft Borderwidth:
object .style.borderWidth="thin|medium|thick| Eigenschaftswerte Wert Beschreibung thin Definiert eine dünne Grenze medium Definiert eine mittlere Grenze. Dies ist die Standardeinstellung thick Definiert einen dicken Rahmen length Die Breite des Rahmens in Längeneinheiten 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: Mittel Rückgabewert: Ein String, die die Breite eines Elements Grenz CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Breite der oberen und der unteren Grenze zu dick, und die linken und rechten Rand zu dünn eines <div> Element:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Versuch es selber "
Beispiel
Ändern Sie die Breite der vier Ränder eines <div> Element, den Längenwert mit:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Versuch es selber "
Beispiel
Gibt die Breite der Grenze eines <div> Element:
alert(document.getElementById("myDiv").style.borderWidth);
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border-width property
HTML - DOM - Referenz: border property
<Style - Objekt