Ιδιότητα min-width

Η ιδιότητα min-width ορίζει το ελάχιστο πλάτος ενός στοιχείου. Ως τιμή της ιδιότητας χρησιμοποιούνται οποιεσδήποτε μονάδες μεγέθους ή η λέξη-κλειδί none, που σημαίνει απουσία τιμής.

Συνήθως ορίζεται για στοιχεία με πλωτό πλάτος (το πλάτος ορίζεται σε ποσοστά ή δεν ορίζεται καθόλου, και το στοιχείο διευρύνεται σε πλάτος από το περιεχόμενό του). Εάν το πλάτος του στοιχείου ορίζεται σε ποσοστά - με τη μείωση του πλάτους του προγράμματος περιήγησης θα μειώνεται, μέχρι να φτάσει στην τιμή min-width.

Σύνταξη

επιλογέας {
	max-width: τιμή;
}

Παράδειγμα

Σε αυτό το παράδειγμα, το πλάτος είναι ποσοστό του πλάτους του γονέα. Μειώστε το πλάτος του παραθύρου του προγράμματος περιήγησης, και το container θα μειωθεί επίσης, για να προσαρμοστεί στο πλάτος του παραθύρου του προγράμματος περιήγησης. Ωστόσο, θα συνεχίσει να μειώνεται μόνο μέχρι του μεγέθους, που ορίζεται στο min-width, αυτό είναι 400px. Μόλις το container φτάσει σε αυτό το πλάτος - θα σταματήσει να μειώνεται:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	height: 300px;
	border: 1px solid black;
}

Παράδειγμα

Σε αυτό το παράδειγμα, το πλάτος του container περιορίζεται και από τις δύο πλευρές: δεν θα μπορέσει να γίνει μεγαλύτερο από 900px και μικρότερο από 400px:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	max-width: 900px;
	height: 100px;
	border: 1px solid black;
}

Δείτε επίσης

η ιδιότητα max-width,
που ορίζει το μέγιστο πλάτος του στοιχείου
η ιδιότητα max-height,
που ορίζει το μέγιστο ύψος του στοιχείου
η ιδιότητα min-height,
που ορίζει το ελάχιστο ύψος του στοιχείου