מאפיין gap

מאפיין הקיצור gap קובע בו-זמנית את המרווחים בין שורות (row-gap) ובין עמודות (column-gap) בקונטיינרי flex, grid ו-multi-column. ערך יחיד חל על שני הצירים; שני ערכים — הראשון לשורות, השני לעמודות.

.grid { gap: 16px; }

.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 24px 12px; }

פחות:0 יותר:9999 צעד:1

יחידות:px | em | rem | % | vw | vh

normalמרווח ברירת המחדל של הקונטיינר (לדוגמה 1em ב-multi-column, 0 ב-flex/grid).

CSS Gaps Module Level 1

Editor's Draft

<length-percentage>

W3C MDN