מאפיין justify-items

מאפיין justify-items קובע את היישור של פריטים בודדים על ציר ה-inline (או cross axis) של הקונטיינר. בניגוד ל-justify-content (שמיישר את כל הקבוצה), justify-items מיישר כל פריט בתוך ה-cell שלו. ערך ברירת המחדל legacy שומר על תאימות.

.grid { justify-items: center; }

.dashboard { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: start; }

legacyהתנהגות תאימות לאחור — מצביעה לערך text-align במקרים מסוימים (ברירת המחדל).

normalברירת המחדל של הקונטיינר (stretch ב-grid, start ב-block).

stretchפריטים נמתחים כדי למלא את ה-cell.

startפריטים מיושרים לתחילת ה-cell.

endפריטים מיושרים לסוף ה-cell.

centerפריטים ממורכזים בתוך ה-cell.

leftפריטים מיושרים שמאלה (פיזית).

rightפריטים מיושרים ימינה (פיזית).

baseline<baseline-position>: פריטים מיושרים לקו הבסיס.

first baseline<baseline-position>: פריטים מיושרים לקו הבסיס הראשון של הקבוצה.