CSS grid-row-gap ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

grid-row-gap ਵਿਸ਼ੇਸ਼ਤਾ ਗਰਿੱਡ ਲੇਆਊਟ ਵਿੱਚ ਰੋਜ਼ਾਂ ਦਰਮਿਆਨ ਖਾਲੀ ਜਗ੍ਹਾ ਦਾ ਸਾਈਜ਼ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਗਰਿੱਡ ਲੇਆਊਟ

CSS ਸੰਦਰਭ ਮੁੱਲਕਾਤgrip-gap ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੰਦਰਭ ਮੁੱਲਕਾਤgrip-column-gap ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਰੋਜ਼ਾਂ ਦਰਮਿਆਨ ਖਾਲੀ ਜਗ੍ਹਾ 50 ਪਿਕਸਲ ਸੈੱਟ ਕਰੋ:

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਗਰਿੱਫਿਕਸ

grid-row-gap: length;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
length ਕੋਈ ਵੀ ਲਾਗੂ ਲੰਬਾਈ ਮੁੱਲ ਹੈ।ਜਿਵੇਂ ਪਿਕਸਲ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ।ਮੂਲ ਮੁੱਲ 0 ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 0
ਵਿਰਾਸਤੀ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਸੰਸਕਰਣ: CSS Grid Layout Module Level 1
ਜੈਵਾਸਕ੍ਰਿਪਟ ਗਰਿੱਫਿਕਸ: object.style.gridRowGap="50px"

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਪਰੀੰਟਰ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰ ਇਹ ਸ਼ਰਤ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦੇਣ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

چروم آئی ای / ایج فائرفاکس سافری اوپرا
57 16 52 10 44