Η max-height
ιδιότητα στο CSS χρησιμοποιείται για τον καθορισμό του μέγιστου ύψους ενός καθορισμένου στοιχείου. Οι συγγραφείς μπορούν να χρησιμοποιούν οποιαδήποτε από τις τιμές μήκους εφόσον είναι θετική. max-height
παρακάμπτει το ύψος, αλλά min-height
πάντα παρακάμπτει max-height
.
.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )
Δείτε αυτό το στυλό!
Το ποσοστό υπολογίζεται σε σχέση με το ύψος του μπλοκ που περιέχει. Εάν το ύψος του μπλοκ που περιέχει δεν προσδιορίζεται ρητά, η εκατοστιαία τιμή αντιμετωπίζεται ως καμία. Η max-height
ιδιότητα θα ισχύει για όλα τα στοιχεία, εκτός από μη ενσωματωμένα ενσωματωμένα στοιχεία, στήλες πίνακα και ομάδες στηλών (δηλαδή colgroup
, col
).
Υποστήριξη προγράμματος περιήγησης
ΙΕ | Ακρη | Firefox | Χρώμιο | Σαφάρι | ΛΥΡΙΚΗ ΣΚΗΝΗ |
---|---|---|---|---|---|
Ολα | Ολα | Ολα | Ολα | Ολα | Ολα |
Android Chrome | Android Firefox | Πρόγραμμα περιήγησης Android | iOS Safari | Opera Mobile |
---|---|---|---|---|
Ολα | Ολα | Ολα | Ολα | Ολα |
Σχετικές ιδιότητες
Almanac στις 15 Ιανουαρίου 2021ύψος
.element ( height: 500px; )
Σάρα Κόπε