max-height: Maximale Höhe
Anzeige Hier werben
max-height
Werte: Längen und Prozentangaben, none
Standardwert: none
Vererbung: nein
Kurzschreibweise: keine
Anwendbar auf: Alle Elemente außer nichtersetzende Inline-Elemente
CSS-Level: CSS2.1, CSS3
Seit CSS 2 kann neben der Höhe auch eine Maximalhöhe für Elemente festgelegt werden. Dies geschieht über die Eigenschaft max-height. Sollte der Inhalt des formatierten Elements größer sein als jenes, wird der Inhalt je nach overflow Definition dargestellt.
Kompatibilität
Der Microsoft Internet Explorer Version 6 kann diesen Standard nicht interpretieren. Dies wurde jedoch mit dem Internet Explorer 7 korrigiert.
Beispiel
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <style type="text/css">
div {
border:1px #000 solid;
margin:1em;
width:150px;
float:left;
}
</style>
<div style="max-height:700px;">
In diesem Block wird die Maximalhöhe nicht erreicht. Zusätzlich könnte eine Minimalhöhe definiert werden.
</div>
<div style="max-height:150px;">
Um die Maximalhöhe zu überschreiben muss ich leider ein wenig weiter ausholen. Aber das macht mir nicht, schließlich ist heute das Wetter schön und draußen scheint die Sonne.
</div>
|
Weiterführende Links
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "max-height: Maximale Höhe" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "max-height: Maximale Höhe" hier bearbeiten.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
-
graphic, motion & web design - kernreaktor - mutter kind turnen