CSS width Eigenschaft

Definition und Verwendung

Die width-Eigenschaft setzt die Breite des Elements.

Erklärung

Dieser Wert definiert die Breite des Inhaltsbereichs des Elements, wobei außerhalb des Inhaltsbereichs Innenabstand, Rand und Außenabstand hinzugefügt werden können.

Inline nicht-ersetzbare Elemente ignorieren diesen Wert.

Weitere Informationen:

CSS-Tutorial:CSS-Größe

CSS-Tutorial:Übersicht über das CSS-Framemodell

CSS Referenzhandbuch:height-Eigenschaft

HTML DOM Referenzhandbuch:width-Eigenschaft

Beispiel

Stellen Sie die Höhe und Breite des Absatzes ein:

p
  {
  height:100px;
  width:100px;
  }

Versuchen Sie es selbst

CSS-Syntax

width: auto|value|initial|inherit;

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Der Browser kann die tatsächliche Breite berechnen.
length Die Breite wird mit Einheiten wie px, cm definiert.
% Definiert die prozentuale Breite basierend auf der Breite des Envelopps (Überordneter Element).
inherit Legt fest, dass der Wert der width-Eigenschaft vom übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: auto
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.width="50px"

TIY-Beispiel

Die Breite eines Elements mit Pixelwerten einstellen
Dieses Beispiel zeigt, wie man die Breite eines Elements mit Pixelwerten einstellt.
Die Breite eines Elements mit Prozentwerten einstellen
Dieses Beispiel zeigt, wie man die Breite eines Elements mit Prozentwerten einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5