min-width

  • Adressname der Version: CSS/min-width
  • Titel der Version: min-width
  • ID der Version: 116862
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar

Inhalt der Version

Übersicht

Die Eigenschaft min-width gibt die minimale Breite eines Elements an.

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

Syntax

min-width: [ <length> | <percentage> | inherit ]


Werte

Längenangabe
Absolute Angabe der Höhe
Prozentangabe
Die Höhe 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.
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, width, height, max-width

Quelltext der Version

<div class="breadcrumbs"><table width="100%"><tbody><tr> <td style="width:33%;text-align:left"> ← <a href="de/CSS/min-height">min-height</a> </td> <td style="width:33%;text-align:center"> ↑ <a href="de/CSS_Referenz">CSS Referenz</a> ↑ </td> <td style="width:33%;text-align:right"> <a href="de/CSS/opacity">opacity</a> → </td> </tr></tbody></table></div>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigenschaft <b>min-width</b> gibt die minimale Breite eines Elements an.
</p>
<dl><dt>Standardwert</dt><dd> 0
</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, inherit
</dd></dl>
<h3 name="Syntax"> Syntax </h3>
<pre>min-width: [ &lt;length&gt; | &lt;percentage&gt; | inherit ]</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<dl><dt>Längenangabe</dt><dd> Absolute Angabe der Höhe
</dd><dt>Prozentangabe</dt><dd> Die Höhe 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>inherit</dt><dd>der Browser verwendet den Wert des Elternelements.
</dd></dl>
<h3 name="Beispiele"> 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 name="Siehe_auch">Siehe auch</h3>
<p><a href="de/CSS/Boxmodell">Boxmodell</a>, <a href="de/CSS/width">width</a>, <a href="de/CSS/height">height</a>, <a href="de/CSS/max-width">max-width</a>
</p>
Zu dieser Version zurücksetzen