CSS min-height ιδιότητα
- πρώτη σελίδα min-inline-size
- Επόμενη σελίδα min-width
Ορισμός και χρήση
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 |
- πρώτη σελίδα min-inline-size
- Επόμενη σελίδα min-width