CSS max-height ιδιότητα

Ορισμός και χρήση

Η ιδιότητα max-height ορίζει τη μέγιστη ύψος του στοιχείου.

Σημείωση

Η τιμή αυτής της ιδιότητας θέτει το μέγιστο όριο για τη ύψος του στοιχείου. Επομένως, το στοιχείο μπορεί να είναι πιο ψηλό από το καθορισμένο, αλλά όχι πιο χαμηλό. Δεν επιτρέπεται η χρήση αρνητικών τιμών.

Σημείωση:Η ιδιότητα max-height δεν περιλαμβάνει το περιθώριο, τα όρια και την εσωτερική περιθωρία.

Δείτε επίσης:

Εκμάθηση CSSΜέγεθος CSS

Εκμάθηση CSSΙδιότητα min-height

Εγχειρίδιο HTML DOMΙδιότητα maxHeight

Παράδειγμα

Ρύθμιση της μέγιστης ύψους του παραγράφου:

p
  {
  max-height:100px;
  }

Προσωπική δοκιμή

Γλώσσα γραφής CSS

max-height: none|length|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
none Προεπιλεγμένο. Ορίζει ότι δεν υπάρχει περιορισμός στη μέγιστη ύψος του στοιχείου.
length Ορίζει τη μέγιστη ύψος του στοιχείου.
% Ορίζει τη μέγιστη ύψος ως ποσοστό της περιλαμβανόμενης μπλοκικής οντότητας.
inherit Ορίζει ότι η τιμή της ιδιότητας max-height πρέπει να προέρχεται από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: none
Προσάρτηση: no
Έκδοση: CSS2
Γλώσσα γραφής JavaScript: object.style.maxHeight="50px"

Προσωπική δοκιμή

Ρύθμιση της μέγιστης ύψους του στοιχείου
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε την μέγιστη ύψος ενός στοιχείου.

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στην τаблицή σημαίνει την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0