CSS grid-gap అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

grid-gap లక్షణం గ్రిడ్ లేఆట్లో పంక్తి మరియు స్తంభాల మధ్య అంతరాన్ని నిర్దేశిస్తుంది, ఇది క్రింది లక్షణాల సరళీకృత విలువగా ఉంటుంది:

గమనిక:ఈ లక్షణం CSS3లో పునఃపేరుచేయబడింది: gap.

పంక్తి మరియు స్తంభాల మధ్య సరళీకృత విలువను 50 పిక్సెల్స్గా అమర్చు:

.grid-container {
  grid-gap: 50px;
}

పంక్తి అంతరాన్ని 20 పిక్సెల్స్గా, స్తంభాల అంతరాన్ని 50 పిక్సెల్స్గా అమర్చు:

.grid-container {
  grid-gap: 20px 50px;
}

grid-gap: grid-row-gap grid-column-gap;

విలువ	వివరణ
grid-row-gap	గ్రిడ్ లేఆట్లో పంక్తి అంతరాన్ని అమర్చు. అప్రమేయ విలువ 0.
grid-column-gap	నిర్దేశించిన స్తంభాల అంతరాన్ని అమర్చు. అప్రమేయ విలువ 0.

అప్రమేయ విలువ:	0 0
పారంతర్యం:	ఏ
అనిమేషన్ తయారీ:	మద్దతు. దయచేసి ఈ కి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణ:	CSS Grid Layout Module Level 1
జావాస్క్రిప్ట్ సంకేతాలు:	object.style.gridGap="50px 100px"

పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను చెప్పుతాయి。

క్రోమ్	ఐఇ / ఎండ్జె	ఫైర్ఫాక్స్	సఫారీ	ఓపెరా
57	16	52	10	44