English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die width CSS-Eigenschaft spezifiziert die Breite des Inhaltsbereichs des Elements. Dieser Inhalt umfasst keine Füllung, Rahmen oder Margen. Bitte konsultieren SieCSS-Boxmodell。
Die folgende Tabelle enthält Anweisungen zur Verwendung und Versionsgeschichte dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.
| Standardwert: | auto |
|---|---|
| Anwendbar auf: | Alle Elemente außer eingebetteten Elementen, Tabellenzeilen und Tabellenzellen |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte konsultieren Sie Animationsattribut。 |
| Version: | CSS 1，2，3 |
| JavaScript-Syntax: | object.style.width="280px" |
Die Syntax dieser Eigenschaft ist wie folgt:
width: length | percentage | auto | initial | inherit
Die folgenden Beispiele zeigen, wie man die width-Eigenschaft verwendet.
p {
width: 300px;
background-color: #f0e68c;
}Testen Sie heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Geben Sie die Breite als Längenwert an, z.B. in px, pt, cm, em. Negative Längenwerte sind nicht erlaubt. |
| percentage | Geben Sie die Breite in Prozent an. Berechnen Sie den Prozentsatz der Breite des EnVELOPPE-Blocks des Elements. Negative Prozentsatzwerte sind nicht erlaubt. |
| auto | Der Browser berechnet die Breite des angegebenen Elements auf Basis der Werte anderer Eigenschaften. Dies ist der Standardwert. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der zugehörige Element die Eigenschaftswerte der Breite des übergeordneten Elements verwenden. |
Die Kompatibilität der width-Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte konsultieren Sie die Anleitungen zu den folgenden Inhalten:CSS Box-Modell，CSS Größen。