CSS grid-column-gap ਪ੍ਰਾਪਰਟੀ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

grid-column-gap ਵਿਸ਼ੇਸ਼ਤਾ ਗ੍ਰਿੱਡ ਲੇਆਊਟ ਵਿੱਚ ਕੋਲਾਂ ਦੇ ਅੰਤਰ ਦਾ ਮੰਡਬਨ ਦਰਸਾਉਂਦੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

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

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

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

ਉਦਾਹਰਣ

ਕੋਲਾਂ ਦਾ ਅੰਤਰ 50 ਪਿਕਸਲ ਸੈਟ ਕਰੋ:

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

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

CSS ਸਿਫ਼ਟਿਕਸ਼ਨ

grid-column-gap: length;

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

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 0
ਵਿਰਾਸਤ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰੱਥਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਸੰਸਕਰਣ: CSS Grid Layout Module Level 1
JavaScript ਸਿਫ਼ਟਿਕਸ਼ਨ: object.style.gridColumnGap="50px"

ਬਰਾਊਜ਼ਰ ਸਮਰੱਥਾ

ਸਪਰੇਸ਼ਨ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਵਾਲੇ ਨੰਬਰਾਂ ਨਾਲ ਇਹ ਲੋੜੀਂਦਾ ਪਹਿਲਾ ਬਰਾਊਜ਼ਰ ਦੀ ਸਮਰੱਥਾ ਨੂੰ ਦਰਸਾਇਆ ਗਿਆ ਹੈ。

ਚਰਮੋਨਾ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
57 16 52 10 44