Version 116853 von min-height

  • Adressname der Version: CSS/min-height
  • Titel der Version: min-height
  • ID der Version: 116853
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar Die Seite wurde neu angelegt: __NOTOC__ <div class="breadcrumbs"><table width="100%"><tr> <td style="width:33%;text-align:left"> ← [[CSS:max-width|max-width]] </td> <td style="width:33...
Schlagwörter: 

Inhalt der Version

Die Eigenschaft min-height gibt die minimale Höhe eines Elements an.

Übersicht

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

Syntax

height: [ <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.
auto
Der Browser berechnet die Höhe automatisch
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-height

Quelltext der Version

<div class="breadcrumbs"><table width="100%"><tbody><tr>
      <td style="width:33%;text-align:left"> ← <a href="de/CSS/max-width">max-width</a> </td>
      <td style="width:33%;text-align:center"> ↑ <a href="de/CSS/border">border</a> ↑ </td>
      <td style="width:33%;text-align:right"> <a href="de/CSS/min-width">min-width</a> → </td>
    </tr></tbody></table></div>
<p>Die Eigenschaft <b>min-height</b> gibt die minimale Höhe eines Elements an.
</p>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<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>height: [ &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>auto</dt><dd> Der Browser berechnet die Höhe automatisch
</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-height">max-height</a>
</p>
Zu dieser Version zurücksetzen