max-height

  • Raccourci de la révision : CSS/max-height
  • Titre de la révision : max-height
  • ID de la révision : 170851
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire oups

Contenu de la révision

{{wiki.template('Traduction_à_relire')}} {{template.CSSRef()}}

Résumé

La propriété max-height est utilisée pour définir une hauteur maximale pour un élément donné. Elle empêche la valeur de la propriété {{template.Cssxref("height")}} de devenir plus grande que celle spécifiée pour max-height.

  • {{template.Xref_cssinitial()}} : {{template.Cssxref("none")}}
  • S'applique à : éléments de niveau bloc et éléments remplacés
  • {{template.Xref_cssinherited()}} : non
  • Pourcentages : font référence à la hauteur du bloc conteneur
  • Média : {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}} :

Syntaxe

max-height: <longueur> | <pourcentage> 

Valeurs

none 
La {{template.Cssxref("hauteur")}} n'a pas de valeur maximale
longueur 
Peut être en px, cm, in, etc.
pourcentage 
Pourcentage de la hauteur du bloc conteneur

Exemples

{{template.CSSRefExampleLink("max-height")}} (FIXME)

table { max-width: 75%; }

form { max-width: none; }

Notes

{{template.Cssxref("max-height")}} a priorité sur la hauteur, mais {{template.Cssxref("min-height")}} a priorité sur {{template.Cssxref("max-height")}}.

Spécifications

Compatibilité des navigateurs

Navigateurs Version minimale
Internet Explorer 6
Netscape 6
Opera 3.5

Voir également

Modèle de boîtes, {{template.Cssxref("max-width")}}, {{template.Cssxref("-moz-box-sizing")}}, {{template.Cssxref("height")}}, {{template.Cssxref("min-height")}}

{{ wiki.languages( { "en": "en/CSS/max-height" } ) }}

Source de la révision

<p> 
{{wiki.template('Traduction_à_relire')}}
{{template.CSSRef()}}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété <code>max-height</code> est utilisée pour définir une hauteur maximale pour un élément donné. Elle empêche la valeur de la propriété {{template.Cssxref("height")}} de devenir plus grande que celle spécifiée pour <code>max-height</code>.
</p>
<ul><li> {{template.Xref_cssinitial()}} : {{template.Cssxref("none")}}
</li><li> S'applique à : éléments de niveau bloc et éléments remplacés
</li><li> {{template.Xref_cssinherited()}} : non
</li><li> Pourcentages : font référence à la hauteur du bloc conteneur
</li><li> Média : {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}} :
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval">max-height: &lt;longueur&gt; | &lt;pourcentage&gt; 
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt> none </dt><dd> La {{template.Cssxref("hauteur")}} n'a pas de valeur maximale
</dd><dt> longueur </dt><dd> Peut être en px, cm, in, etc.
</dd><dt> pourcentage </dt><dd> Pourcentage de la hauteur du bloc conteneur
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<p>{{template.CSSRefExampleLink("max-height")}} (FIXME)
</p>
<pre class="eval">table { max-width: 75%; }

form { max-width: none; }
</pre>
<h3 name="Notes"> Notes </h3>
<p>{{template.Cssxref("max-height")}} a priorité sur la hauteur, mais {{template.Cssxref("min-height")}} a priorité sur {{template.Cssxref("max-height")}}.
</p>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS2/visudet.html#min-max-heights">CSS 2.1</a>
</li></ul>
<h3 name="Compatibilit.C3.A9_des_navigateurs"> Compatibilité des navigateurs </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navigateurs</th>
    <th>Version minimale</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>6</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>6</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>3.5</td>
  </tr>
</tbody></table>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p><a href="fr/CSS/Mod%c3%a8le_de_bo%c3%aete">Modèle de boîtes</a>, {{template.Cssxref("max-width")}}, {{template.Cssxref("-moz-box-sizing")}}, {{template.Cssxref("height")}}, {{template.Cssxref("min-height")}}
</p>{{ wiki.languages( { "en": "en/CSS/max-height" } ) }}
Revenir à cette révision