The CSS Propertie max-width

המאפיין max-width קובע את הרוחב המקסימלי של תיבת האלמנט. הרוחב בפועל לא יחרוג מערך זה. אחוזים מתייחסים לרוחב ה-containing block.

.limited { max-width: 600px; }

.fluid { width: 100%; max-width: min(80ch, 90vw); }

פחות:0 יותר:9999 צעד:1

יחידות:% | px | em | rem | vw | vh

noneאין רוחב מקסימלי (ערך ברירת המחדל).

min-contentתכווץ את התיבה לרוחב התוכן המינימלי האפשרי.

max-contentהשתמש ברוחב התוכן המקסימלי (ללא wrapping).

fit-contentערך פונקציה: שילוב של min-content ו-max-content בהתחשב ברוחב הזמין.

fit-content()fit-content(<length-percentage>) — מגביל את הרוחב לפי האורך הנתון ובמסגרת אילוצי תוכן.

calc()מחשב ערך מתוך ביטוי מתמטי, למשל calc(100% - 2rem).

CSS Box Sizing Module Level 3

Editor's Draft

<length-percentage>

CSS

Show all code