CSS grid-row ਪ੍ਰਾਪਰਟੀ

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

grid-row ਵਿਸ਼ੇਸ਼ਤਾ ਗ੍ਰਿੱਡ ਪ੍ਰੋਜੈਕਟ ਦੇ ਮੱਦੇਨਜ਼ਰ ਸਮਾਂ ਅਤੇ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ ਅਤੇ ਇਹ ਹੇਠ ਲਿਖੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਸ਼ਰਤਪੱਤਰ ਹੈ:

ਇਸ ਵੱਲ ਵੀ ਦੇਖੋ:

CSS ਸਿੱਖਿਆਬੋਧਨਾ:CSS ਗ੍ਰਿੱਡ ਲੇਆਊਟ

ਉਦਾਹਰਣ

ਉਦਾਹਰਨ 1

"item1" ਨੂੰ ਸਰਲਾਂਤਰ 1 ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਦੋ ਸਰਲਾਂਤਰ ਤੱਕ ਵਿਸਥਾਰ ਦਿਓ:

.item1 {
  grid-row: 1 / span 2;
}

ਖੁਦ ਮੋਹਰੇ ਕਰੋ

ਉਦਾਹਰਨ 2

ਤੁਸੀਂ ਸਰਲਾਂਤਰ ਮੁੱਲ ਵਿਕਲਪ ਦੇ ਰੂਪ ਵਿੱਚ ਸਰਲਾਂਤਰ ਸਿਜ਼ਮ ਵਰਤ ਸਕਦੇ ਹੋ

.item1 {
  grid-row: 1 / 3;
}

ਖੁਦ ਮੋਹਰੇ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

grid-row: grid-row-start / grid-row-end;

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

ਮੁੱਲ ਵਰਣਨ
grid-row-start ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਕਿਸ ਕਰਨ ਤੋਂ ਪ੍ਰਾਰੰਭ ਹੋਵੇ ਪ੍ਰੋਜੈਕਟ ਦਿਸਾਈ ਹੋਵੇ
grid-row-end ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਕਿਸ ਕਰਨ ਉੱਤੇ ਪ੍ਰੋਜੈਕਟ ਦਿਸਾਈ ਹੋਵੇ ਜਾਂ ਕਿਵੇਂ ਸਰਲਾਂਤਰ ਹੋਵੇ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto / auto
ਵਿਰਾਸਤੀ ਕਰਨਾ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ。
ਵਰਜਨ: CSS ਗ੍ਰਿੱਡ ਲੇਆਊਟ ਮੌਡਿਊਲ ਲੈਵਲ 1
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ object.style.gridRow="2 / span 2"

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

ਸਪਰੇਸ਼ਨ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪਹਿਲਾ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਦਿਸਾਈ ਹਨ。

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