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-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplaceplace-contentplace-itemsplace-selfpointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

The CSS Propertie place-self

מאפיין הקיצור place-self מאחד את align-self (ציר block) ו-justify-self (ציר inline) בהצהרה אחת. עוקף את place-items של ההורה עבור פריט בודד. שימושי לבריאה של exception ביישור פריט.
.item { place-self: center; } .grid > .featured { place-self: stretch start; grid-row: 1 / -1; }
autoיורש מ-place-items של ההורה (ברירת המחדל).normalברירת המחדל של הקונטיינר.stretchהפריט נמתח למילוי ה-cell.startהתחלת ציר ה-alignment container.endסוף ציר ה-alignment container.self-startיישור לקצה ה-start של הפריט עצמו (לפי writing mode של הפריט).self-endיישור לקצה ה-end של הפריט עצמו (לפי writing mode של הפריט).centerמרכז.flex-startיישור לתחילת ציר flex; מחוץ ל-flex פועל כמו start.flex-endיישור לסוף ציר flex; מחוץ ל-flex פועל כמו end.baselineיישור לקו הבסיס הראשון (שווה ל-first baseline).first baselineיישור לקו הבסיס הראשון של הפריט.last baselineיישור לקו הבסיס האחרון של הפריט.safeאם הפריט גולש, הוא מיושר כ-start כדי למנוע אובדן נתונים.unsafeמיושר לפי הערך שצוין גם אם הפריט גולש.leftיישור לקצה השמאלי הפיזי — תקף רק ב-justify-self, לא ב-align-self.rightיישור לקצה הימני הפיזי — תקף רק ב-justify-self, לא ב-align-self. CSS Box Alignment Module Level 3 Editor's Draft W3CMDN
Box 1 Box 2 Box 3 Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית