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

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

grid-row-end ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰੋਜੈਕਟ ਕਿਸ ਪਾਠ ਲਾਈਨ ਤੱਕ ਛੱਡੇ ਜਾਣਗੇ ਜਾਂ ਪ੍ਰੋਜੈਕਟ ਕਿਸ ਪਾਠ ਲਾਈਨ ਉੱਤੇ ਸਮਾਪਤ ਹੋਣਗੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

ਪੇਜ਼ ਦੇ ਅੰਤ ਵਿੱਚ ਉਦਾਹਰਣਾਂ ਨੂੰ ਦੇਖੋ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ ਪ੍ਰੋਗਰਾਮ:CSS ਗ੍ਰਿੱਡ ਲੇਆਊਟ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

item1 ਨੂੰ ਤਿੰਨ ਪਾਠ ਲਾਈਨਾਂ ਵਿੱਚ ਛੱਡੇ ਜਾਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ:

.item1 {
  grid-row-end: span 3;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਤੁਸੀਂ ਪਾਠ ਲਾਈਨ ਮੁੱਲ ਨੂੰ ਪਾਠ ਲਾਈਨ ਨੰਬਰ ਦੀ ਥਾਂ ਵਿੱਚ ਵਰਤ ਸਕਦੇ ਹੋ ਸ਼ਾਦ

.item1 {
  grid-row-end: 3;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

grid-row-end: auto|row-line|span n;

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

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਪ੍ਰੋਜੈਕਟ ਇੱਕ ਪਾਠ ਵਿੱਚ ਛੱਡੇ ਜਾਣਗੇ。
span n ਪ੍ਰੋਜੈਕਟ ਕਿਸ ਪਾਠ ਵਿੱਚ ਛੱਡੇ ਜਾਣਗੇ ਦੇਣਾ ਹੈ。
column-line ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਕਿਸ ਪਾਠ ਵਿੱਚ ਸਮਾਪਤ ਕਰਨਾ ਦੇਣਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

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

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