css מאפייני grid

מאפייני grid

להלן רשימת המאפיינים המתחילים בקידומת grid

grid-area
המאפיין grid-area מגדיר את הגודל והמיקום של פריט רשת בפריסת רשת, והוא כולל את המאפיינים
grid-row-start , grid-column-start , grid-row-end , grid-column-end
grid-auto-columns
המאפיין grid-auto-columns מגדיר גודל עבור העמודות במיכל רשת
grid-auto-flow
המאפיין grid-auto-flow מגדיר איך פריטים הממוקמים אוטומטית יוכנסו לרשת
grid-auto-rows
המאפיין grid-auto-rows מגדיר גודל עבור השורות במיכל רשת
grid-column
המאפיין grid-column מגדיר את הגודל והמיקום של פריט רשת בפריסת רשת, והוא שולט על המאפיינים grid-column-start , grid-column-end
grid-column-end
המאפיין grid-column-end מגדיר כמה עמודות יכלול פריט, או באיזו שורת עמודה יסתיים הפריט
grid-column-gap
המאפיין grid-column-gap מגדיר את גודל הפער בין העמודות בפריסת רשת.

הערה: השם של מאפיין זה שונה ל- column-gap ב-CSS3.

מאפיין זה פג תוקפו
grid-column-start
המאפיין grid-column-start מגדיר באיזו שורת עמודה יתחיל הפריט
grid-gap
המאפיין grid-gap מגדיר את גודל הפער בין השורות והעמודות בפריסת רשת, והוא שולט על המאפיינים grid-row-gap , grid-column-gap
הערה: שם מאפיין זה שונה ל- gap ב-CSS3.

מאפיין זה פג תוקפו
grid-row
המאפיין grid-row מגדיר את הגודל והמיקום של פריט רשת בפריסת רשת, והוא שולט על המאפיינים grid-row-start , grid-row-end
grid-row-end
המאפיין grid-row-end מגדיר כמה שורות יתפרש פריט, או באיזו שורה הפריט יסתיים
grid-row-gap
המאפיין grid-row-gap מגדיר את גודל הפער בין השורות בפריסת רשת.

הערה: שם מאפיין זה שונה ל-row-gap ב-CSS3.

מאפיין זה פג תוקפו
grid-row-start
המאפיין grid-row-start מגדיר באיזו שורה יתחיל הפריט.