styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-sizecontain-intrinsic-widthcontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

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 <length> W3CMDN

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
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית