The CSS Propertie contain-intrinsic-block-size

מאפיין contain-intrinsic-block-size מספק לאלמנט שכפוף ל-size containment גודל משוער על ציר ה-block (אנכי במצב כתיבה אופקי), כך שיוכל לתפוס מקום בפריסה גם כשתוכנו אינו מעובד. המקבילה הלוגית של contain-intrinsic-height.

.card { contain-intrinsic-block-size: 200px; }

.lazy-card { content-visibility: auto; contain-intrinsic-block-size: auto 400px; }

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

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

noneאין override של גודל intrinsic בציר ה-block — אין גודל פנימי מוצהר (ברירת המחדל).

autoאם לאלמנט יש last remembered size והוא מדלג על תוכנו, יש להשתמש בגודל הנזכר. שימושי עם content-visibility: auto.

CSS Box Sizing Module Level 4

Editor's Draft

W3C MDN

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next