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

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

min-height Η ιδιότητα ρυθμίζει την ελάχιστη ύψος του στοιχείου.

Σημείωση

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

Για περισσότερες πληροφορίες:

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

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

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

Παράδειγμα

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

p
  {
  min-height:100px;
  }

Δοκιμάστε το προσωπικά

Γλώσσα CSS

min-height: length|initial|inherit;

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

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

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

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

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

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

Υποστήριξη του περιηγητή

Τα αριθμητικά στοιχεία στη τάβληδα σημειώνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως αυτήν την ιδιότητα.

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