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-size

מאפיין הקיצור contain-intrinsic-size מגדיר בו-זמנית את contain-intrinsic-width ואת contain-intrinsic-height. ערך יחיד מוחל על שני הצירים; שני ערכים — הראשון לרוחב והשני לגובה. מספק לאלמנט שכפוף ל-size containment גודל משוער כך שיוכל לתפוס מקום בפריסה.
.card { contain-intrinsic-size: 320px 200px; } .lazy-card { content-visibility: auto; contain-intrinsic-size: auto 300px auto 400px; }
פחות: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 <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
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית