min-width
קובע את הרוחב המינימלי של האלמנט.
מה זה min-width?
המאפיין min-width ב-CSS קובע את הרוחב המינימלי של האלמנט. הוא משמש להבטיח שהאלמנט לא יתכווץ מתחת לרוחב מסוים, גם אם הרוחב של האלמנט הוגדר באחוזים או בערכים אחרים.
שימוש במאפיין min-width
באמצעות min-width ניתן למנוע מהאלמנט להתכווץ מתחת לרוחב מסוים, דבר שיכול להיות שימושי בעיצובים רגישים (responsive) או כשיש צורך לשמור על עיצוב מסוים.
דוגמה לשימוש ב-min-width
להלן דוגמה לשימוש במאפיין min-width:
תוכן עם רוחב מינימלי של 300 פיקסלים
בדוגמה זו, האלמנט לא יתכווץ מתחת לרוחב של 300 פיקסלים, גם אם הרוחב של הקונטיינר קטן יותר.
שימושים מתקדמים
באמצעות min-width ניתן לשלוט בעיצוב פריסות רגישות (responsive) ולשמור על רוחב מינימלי של האלמנט בעיצובים משתנים.
אפשר להגדיר את זה לדוגמה כך
<div style="min-width: 300px; width: 100%; border: 2px solid black; background: lightblue;">
תוכן עם רוחב מינימלי של 300 פיקסלים
</div>
עוד בקטגוריה Box Model (מודל הקופסה)
תגובות
רק רגע
