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

Η max-widthιδιότητα στο CSS χρησιμοποιείται για τον καθορισμό του μέγιστου πλάτους ενός καθορισμένου στοιχείου. Η max-widthιδιότητα παρακάμπτει την widthιδιότητα, αλλά min-widthθα παρακάμπτει πάντα max-widthεάν ακολουθείται πριν ή μετά widthτη δήλωσή σας. Οι συγγραφείς μπορούν να χρησιμοποιούν οποιαδήποτε από τις τιμές μήκους εφόσον είναι θετική.

.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )

Δείτε αυτό το στυλό!

Να είστε προσεκτικοί όταν υποθέτετε ότι max-widthκληρονομείται καθώς αυτή η ιδιότητα δεν κληρονομεί από άλλα γονικά στοιχεία. Εάν widthέχει οριστεί ένα 300px με max-width600px, η αρχική widthτιμή θα παρακάμπτει πάντα την max-widthτιμή 600px.