Beispiel
Legen Sie die Breite eines <button> Element:
document.getElementById("myBtn").style.width = "300px"; Versuch es selber " Definition und Verwendung
Die Breite Eigenschaft setzt ein oder gibt die Breite eines Elements.
Die Breite Eigenschaft hat nur Auswirkungen auf Block-Elemente oder auf Elemente mit absoluten oder festen Position. Der überquellende Inhalt kann mit der Überlaufeigenschaft manipuliert werden.
Tipp: Verwenden Sie die Höhe Eigenschaft , um die Höhe eines Elements gesetzt oder zurückzugeben.
Browser-Unterstützung
Die Breite Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Gibt die Breite Eigenschaft:
object .style.width
Stellen Sie die Eigenschaft width:
object .style.width="auto| Eigenschaftswerte Wert Beschreibung auto Der Browser setzt die Breite. Dies ist die Standardeinstellung length Definiert die Breite in Längeneinheiten % Definiert die Breite in% des Elternelements 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: Auto Rückgabewert: Ein String, die die Breite eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Breite eines <div> Element:
document.getElementById("myDIV").style.width = "500px";
Versuch es selber "
Beispiel
Ändern Sie die Höhe und Breite eines <img> Element:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Versuch es selber "
Beispiel
Gibt die Breite eines <img> Element:
alert(document.getElementById("myImg").style.width);
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Dimension
CSS Tutorial: CSS Box - Modell
CSS - Referenz: width property
<Style - Objekt