CSS row-gap गुण

विनिर्माण और उपयोग

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