styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectobject-fitobject-positionobject-view-boxoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

מאפיין object-position

המאפיין object-position קובע את המיקום של תוכן אלמנט מוחלף (replaced) כגון <img> או <video> בתוך תיבת התוכן שלו. בדומה ל-background-position לרקעים.
img.profile { object-position: top; } .hero-img { object-fit: cover; object-position: 25% 75%; }
פחות:0 יותר:9999 צעד:1 יחידות:% | px | em | rem topממקם את התוכן בקצה העליון.rightממקם את התוכן בקצה הימני.bottomממקם את התוכן בקצה התחתון.leftממקם את התוכן בקצה השמאלי.centerממקם את התוכן במרכז (ערך ברירת המחדל הוא 50% 50%). CSS Images Module Level 3 Editor's Draft <position> W3CMDN
Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית