Style width-Eigenschaft

Definition und Verwendung

width Eigenschaft gesetzt oder zurückgegeben werden, um die Breite des Elements zu definieren oder zurückzugeben.

width Diese Eigenschaft ist nur für blockige Elemente oder Elemente mit relativer oder fester Position gültig. Überflüssiges Inhalt kann mit overflow-Eigenschaft um zu behandeln.

Hinweis:Verwenden Sie height-Eigenschaft Setzen oder zurückgeben der Höhe des Elements.

Weitere Informationen:

CSS-Tutorial:CSS Dimension

CSS-Tutorial:CSS-FLOAT-Modell

CSS-Referenzhandbuch:width-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie die Breite des <button>-Elements:

document.getElementById("myBtn").style.width = "300px";

Probieren Sie es selbst aus

Beispiel 2

Ändern Sie die Breite des <div>-Elements:

document.getElementById("myDIV").style.width = "500px";

Probieren Sie es selbst aus

Beispiel 3

Ändern Sie die Höhe und Breite des <img>-Elements:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Probieren Sie es selbst aus

Beispiel 4

Rückgabe der Breite des <img>-Elements:

alert(document.getElementById("myImg").style.width);

Probieren Sie es selbst aus

Syntax

Rückgabe der width-Eigenschaft:

object.style.width

Setzen Sie die width-Eigenschaft:

object.style.width = "auto|length|%|initial|inherit"

Eigenschaftswert

Wert Beschreibung
auto Browser setzt Breite. Standard.
length Definiert die Breite in Längenединица.
% Definiert die Breite des übergeordneten Elements in Prozent.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: auto
Rückgabewert: Ein String, der die Breite des Elements darstellt.
CSS-Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung