mozilla

Version 116870 von max-width

  • Adressname der Version: CSS/max-width
  • Titel der Version: max-width
  • ID der Version: 116870
  • Erstellt:
  • Autor: Jürgen Jeka
  • Aktuelle Version? Nein
  • Kommentar 34 words added
Schlagwörter: 

Inhalt der Version

{{ outdated('Aktueller ist die englische Dokumentation: /en/CSS/max-width') }}

Übersicht

Die Eigenschaft max-width gibt die maximale Höhe eines Elements an.

Standardwert
none
Anwendbar auf
Block- und positionierte Elemente.
Geerbt
Nein
Medium
visual
Werte
Längenangabe, Prozentangabe, none, inherit

Syntax

max-width: [ <length> | <percentage> | none | inherit ]

 

Werte

Längenangabe
Absolute Angabe der Breite
Prozentangabe
Die Breite wird relativ zum nächsten übergeordneten Element, das mit position:{{ mediawiki.external('relative | absolute | fixed') }} positioniert ist, berechnet, und bei einer Änderung der Größe dieses Elements angepasst.
none
keine Maximalbreite
inherit
der Browser verwendet den Wert des Elternelements.

Beispiele

Kein Beispiel vorhanden

Browser-Kompatibilität

   IE
   Netscape
   Opera
   Firefox
   Konqueror
   Netscape
   Opera
   Firefox
   Konqueror
Browser Internet Explorer Netscape Opera Firefox Konqueror
Version 4 5 6 7 4 5 6 7 3 4 5 6 7 8 1 2 3 3.5.x
wird unterstützt ? ? ? ? ? ? Ja Ja ? ? ? ? Ja Ja Ja Ja Ja Ja

Siehe auch

Boxmodell, height, width, min-width

Quelltext der Version

<p>{{ outdated('Aktueller ist die englische Dokumentation: <a href='\"/en/CSS/max-width\"'>/en/CSS/max-width</a>') }}</p>
<div class="breadcrumbs">
<table width="100%"> <tbody> <tr> <td style="width:33%;text-align:left">← <a href="/de/CSS/max-height" title="de/CSS/max-height">max-height</a></td> <td style="width:33%;text-align:center">↑ <a href="/de/CSS_Referenz" title="de/CSS_Referenz">CSS Referenz</a> ↑</td> <td style="width:33%;text-align:right"><a href="/de/CSS/min-height" title="de/CSS/min-height">min-height</a> →</td> </tr> </tbody>
</table>
</div>
<h3>Übersicht</h3>
<p>Die Eigenschaft <strong>max-width</strong> gibt die maximale Höhe eines Elements an.</p>
<dl> <dt>Standardwert</dt> <dd> none </dd> <dt>Anwendbar auf</dt> <dd> Block- und positionierte Elemente. </dd> <dt>Geerbt</dt> <dd> Nein </dd> <dt>Medium</dt> <dd> visual </dd> <dt>Werte</dt> <dd> Längenangabe, Prozentangabe, none, inherit </dd>
</dl>
<h3>Syntax</h3>
<pre>max-width: [ &lt;length&gt; | &lt;percentage&gt; | none | inherit ]</pre>
<p> </p>
<h3 name="Werte">Werte</h3>
<dl> <dt>Längenangabe</dt> <dd> Absolute Angabe der Breite </dd> <dt>Prozentangabe</dt> <dd> Die Breite wird relativ zum nächsten übergeordneten Element, das mit <code>position:{{ mediawiki.external('relative | absolute | fixed') }}</code> positioniert ist, berechnet, und bei einer Änderung der Größe dieses Elements angepasst. </dd> <dt>none</dt> <dd>keine Maximalbreite </dd> <dt>inherit</dt> <dd>der Browser verwendet den Wert des Elternelements. </dd>
</dl>
<h3>Beispiele</h3>
<p>Kein Beispiel vorhanden</p>
<h3 name="Browser-Kompatibilit.C3.A4t">Browser-Kompatibilität</h3>
<pre class="eval">   <span class="comment">IE</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><table class="standard-table" style="width:100%"> <tbody> <tr> <th class="header">Browser</th> <th class="header" colspan="4">Internet Explorer</th> <th class="header" colspan="4">Netscape</th> <th class="header" colspan="6">Opera</th> <th class="header" colspan="3">Firefox</th> <th class="header" colspan="1">Konqueror</th> </tr> <tr> <th>Version</th>  <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th>  <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th>  <th class="header">3</th> <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th> <th class="header">8</th>  <th class="header">1</th> <th class="header">2</th> <th class="header">3</th>  <th class="header">3.5.x</th> </tr> <tr> <td>wird unterstützt</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td>  <td>?</td> <td>?</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td>?</td> <td>?</td> <td>?</td> <td>?</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td style="background:#5FE716">Ja</td> </tr> </tbody>
</table>
<h3>Siehe auch</h3>
<p><a href="/de/CSS/Boxmodell" title="de/CSS/Boxmodell">Boxmodell</a>, <a href="/de/CSS/height" title="de/CSS/height">height</a>, <a href="/de/CSS/width" title="de/CSS/width">width</a>, <a href="/de/CSS/min-width" title="de/CSS/min-width">min-width</a></p>
Zu dieser Version zurücksetzen