The CSS Propertie contain-intrinsic-width

מאפיין contain-intrinsic-width מספק לאלמנט שכפוף ל-size containment גודל אופקי משוער, כך שהוא יכול לתפוס מקום בפריסה גם כשתוכנו אינו מעובד. תוחלת זו מוחלפת בגודל האמיתי כשההכלה מוסרת.

.card { contain-intrinsic-width: 320px; }

.lazy-card { content-visibility: auto; contain-intrinsic-width: auto 300px; }

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

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

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

autoאם לאלמנט יש last remembered size והוא מדלג על תוכנו, יש להשתמש בגודל הנזכר במקום בערך <length>. שימושי במיוחד עם 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.

Show all code

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

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

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

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

previous next