From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/css/max-width/index.html | 139 ++++++++++++++++++++++++++++++++++ 1 file changed, 139 insertions(+) create mode 100644 files/de/web/css/max-width/index.html (limited to 'files/de/web/css/max-width/index.html') diff --git a/files/de/web/css/max-width/index.html b/files/de/web/css/max-width/index.html new file mode 100644 index 0000000000..e8c6d3c08d --- /dev/null +++ b/files/de/web/css/max-width/index.html @@ -0,0 +1,139 @@ +--- +title: max-width +slug: Web/CSS/max-width +tags: + - CSS + - CSS Referenz +translation_of: Web/CSS/max-width +--- +

{{ CSSRef() }}

+

Übersicht

+

Die max-width Eigenschaft wird verwendet, um die maximale Breite eines Elements festzulegen. Das verhindert, dass der benutzte Wert der width Eigenschaft nicht größer wird als der festgelegte Wert von max-width.

+

Hinweis: max-width überschreibt width, allerdings überschreibt min-width auch max-width.

+ +

Syntax

+
max-width:  <Längenangabe> | <Prozentzahl> | none | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available | inherit
+
+

Werte

+
+
+ <Längenangabe>
+
+ Siehe Länge für mögliche Einheiten.
+
+ Prozentzahl
+
+ Eine prozentuale Angabe, die sich auf die Breite des umschließenden Blocks bezieht.
+
+ none
+
+ Das Element verfügt über keine maximale Breite.
+
+ inherit
+
+ Der Wert des Elternelements wird geerbt.
+
+

Mozilla Erweiterungen

+
+
+ -moz-max-content
+
+ {{ gecko_minversion_inline("1.9") }} Bevorzugte intrinsische Breite.
+
+ -moz-min-content
+
+ {{ gecko_minversion_inline("1.9") }} Minimale intrinsische Breite.
+
+ -moz-available
+
+ {{ gecko_minversion_inline("1.9") }} Die Breite des umschließenden Blocks minus horizontalen margin, padding und border Werten.
+
+ -moz-fit-content
+
+ {{ gecko_minversion_inline("1.9") }} Gleichbedeutend zu -moz-max-content.
+
+

Beispiele

+
body  { max-width: 40em; }
+table { max-width: 75%; }
+form  { max-width: none; }
+
+

Beispiel 1 {{ gecko_minversion_inline("1.9") }}

+
p { background: gold }
+
+

The Mozilla community produces a lot of great software.

+

Beispiel 2 {{ gecko_minversion_inline("1.9") }}

+
p { background: lightgreen;
+    max-width:  intrinsic;         /* Safari/WebKit */
+    max-width:  -moz-max-content;  /* Firefox/Gecko */
+  }
+
+

The Mozilla community produces a lot of great software.

+

Beispiel 3 {{ gecko_minversion_inline("1.9") }}

+
p { background: lightblue;  max-width: -moz-min-content; }
+
+

The Mozilla community produces a lot of great software.

+

Browser Kompatibilität

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Browserab Versionauf <table> anwendbarintrinsische Breiteminimale intrinsische Breite
Internet Explorer7.0nein------------
Firefox (Gecko)1.0 (1.0)ja3.0 (1.9)-moz-max-content3.0 (1.9)-moz-min-content
Opera4.0ja------------
Safari (WebKit)2.0.2 (416), vorher fehlerhaftnein2.0 (412) ?intrinsic------
+

Spezifikation

+ +

Siehe auch

+ +

{{ languages( { "en": "en/CSS/max-width", "es": "es/CSS/max-width", "fr": "fr/CSS/max-width" } ) }}

-- cgit v1.2.3-54-g00ecf