English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS Eigenschaften

CSS max-Verwendung und Beispiel der width-Eigenschaft

max-Die width CSS-Eigenschaft legt die maximale Breite des Inhaltsbereichs des Elements fest. Diese maximale Breite schließt Füllung, Rahmen oder Margen nicht ein.-Bitte beziehen Sie sich aufCSS Box-Modell

Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:none
Geeignet für:Alle Elemente außer den nicht ersetzbaren eingebetteten Elementen, Tabellenzeilen und Tabellenzellengruppen
Vererbung:Nein
Animierbar:Ja.Bitte beziehen Sie sich auf Animationsattribute
Version:CSS 2、3
JavaScript-Syntax:object.style.maxWidth="200px"

max-Syntax der Verwendung von width

Die Syntax dieses Attributes ist wie folgt:

max-width: length | percentage | none | initial | inherit

Die folgenden Beispiele zeigen, wie man max verwendet-width-Eigenschaft.

  p {
   max-width: 400px;
  }
  div {
   width: 300px;
   max-width: 200px;
  }
Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
lengthGenannte maximale Breite in px, pt, cm, em usw. Negative Werte sind nicht erlaubt.
percentageMaximale Breite in Prozent. Der Prozentsatz wird basierend auf der Breite des umschließenden Blocks berechnet. Negative Prozentsatzwerte sind nicht erlaubt.
noneKeine maximale Breite. Dies ist der Standardwert.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element sein max des Elternelements.-Wert der width-Eigenschaft.

Browserkompatibilität

max-Kompatibilität der width-Eigenschaft der Browser; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials zur relevanten Inhalte:CSS Box-ModellCSS Größen

Verwandte Eigenschaften:widthmin-width