CSS రో గాప్ అట్రిబ్యూట్

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

row-gap అంశం ఎలాస్టిక్ లేదా గ్రిడ్ బ్రౌజర్ లేఆఉట్లో వరుసల మధ్య అంతరాన్ని నిర్వచిస్తుంది。

row-gap అంశం పూర్వం పేరు grid-row-gap。

CSS సూచనాలుgap అంశం

CSS సూచనాలుcolumn-gap అంశం

గ్రిడ్ వరుసల మధ్య 50 పిక్సెల్స్ అంతరాన్ని నిర్వచిస్తుంది:

#grid-container {
  display: grid;
  row-gap: 50px;
}

ఎలాస్టిక్ బ్రౌజర్ లేఆఉట్లో వరుసల అంతరాన్ని 70px గా సెట్ చేయండి:

#flex-container {
  display: flex;
  row-gap: 70px;
}

row-gap: length|normal|initial|inherit;

విలువ	వివరణ
length	వరుసల మధ్య అంతరాన్ని నిర్వచించబడిన పొడవు లేదా శాతం విలువకు సెట్ చేయండి。
normal	అప్రమేయం. వరుసల మధ్య సాధారణ అంతరాన్ని నిర్వచిస్తుంది。
initial	ఈ అంశాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial。
inherit	ఈ అంశాన్ని తన ముందస్తు అంశం నుండి పారంపర్యం చేసుకుంది. చూడండి: inherit。

అప్రమేయం:	normal
పారంపర్యం:	లేదు
అనిమేషన్ తయారీ:	మద్దతు ఉంది. ప్రత్యేక అంశాలను చూడండి. చూడండి:అనిమేషన్ సంబంధిత అంశాలు。
సంస్కరణ:	CSS బాక్స్ అలిగ్న్మెంట్ మొదటి స్థాయి 3
JavaScript సంకేతాలు:	object.style.rowGap="50px"

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

లేఆఉట్	క్రోమ్	ఐఈ / ఎంజెల్	ఫైర్ఫాక్స్	సఫారీ	ఓపెరా
గ్రిడ్ లో	66	16	61	12	53
ఎలాస్టిక్ బాక్స్ లో	84	84	63	14.1	70