Μέγιστο ύψος - CSS-Κόλπα

Anonim

Η 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
Ολα Ολα Ολα Ολα Ολα
Πηγή: caniuse

Σχετικές ιδιότητες

Almanac στις 15 Ιανουαρίου 2021

ύψος

.element ( height: 500px; ) Σάρα Κόπε