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"

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਪ੍ਰਤੀਭਾਵ ਦਾ ਪਹਿਲਾ ਸਰਵਰ ਸੰਸਕਰਣ ਸਾਰੇ ਪੈਮਾਨਿਆਂ ਵਿੱਚ ਸਮਰਥਿਤ ਹੈ.

layout	ਚਰਮੋਨਾ	IE / ਐਜ਼ਡ	ਫਾਇਰਫਾਕਸ	ਸਫਾਰੀ	ਓਪਰਾ
ਗ੍ਰਿੱਡ ਵਿੱਚ	66	16	61	12	53
ਰੈਗੂਲਰ ਫਲੈਕਸ ਵਿੱਚ	84	84	63	14.1	70