CSS گریڈ آٹو راؤز پراپریٹی

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

grid-auto-rows ਵਿਸ਼ੇਸ਼ਤਾ ਗ੍ਰਿੱਡ ਕੰਟੇਨਰ ਵਿੱਚ ਰੋਜ਼ਾਂ ਦੇ ਮੁੱਲ ਸੈਟ ਕਰਦੀ ਹੈ。

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਿਰਫ ਮੁੱਲ ਨਾ ਸੈਟ ਕੀਤੇ ਗਏ ਰੋਜ਼ਾਂ 'ਤੇ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦੀ ਹੈ。

ਹੋਰ ਜ਼ਿਕਰਾਂ ਦੇਖੋ:

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

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਰਣ:grid-auto-columns ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਗ੍ਰਿੱਡ ਵਿੱਚ ਰੋਜ਼ ਦੀ ਮੂਲ ਮੁੱਲ ਸੈਟ ਕਰੋ:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੈਮੈਟਰ

grid-auto-rows: auto|max-content|min-content|length;

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

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਰੋਜ਼ ਵਿੱਚ ਮੱਥਾ ਹੋਣ ਵਾਲੀ ਵਸਤੂ ਦੇ ਮੁੱਲ ਦੇ ਅਧਾਰ 'ਤੇ ਰੋਜ਼ ਦਾ ਮੁੱਲ ਸੈਟ ਕਰੋ。
max-content ਹਰੇਕ ਰੋਜ਼ ਵਿੱਚ ਮੱਥਾ ਹੋਣ ਵਾਲੇ ਵਸਤੂ ਦੇ ਮੁੱਲ ਦੇ ਅਧਾਰ 'ਤੇ ਹਰੇਕ ਰੋਜ਼ ਦਾ ਮੁੱਲ ਸੈਟ ਕਰੋ。
min-content ਹਰੇਕ ਰੋਜ਼ ਵਿੱਚ ਮੱਥਾ ਹੋਣ ਵਾਲੇ ਵਸਤੂ ਦੇ ਮੁੱਲ ਦੇ ਅਧਾਰ 'ਤੇ ਹਰੇਕ ਰੋਜ਼ ਦਾ ਮੁੱਲ ਸੈਟ ਕਰੋ。
length ਰੋਜ਼ ਦਾ ਮੁੱਲ ਸੈਟ ਕਰੋ, ਇੱਕ ਲਾਗੂ ਲੰਬਾਈ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ। ਜ਼ਿਕਰਾਂ ਦੇਖੋ:ਲੰਬਾਈ ਇਕਾਈ.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀ ਕਰਨਾ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਨਿਰਮਾਣ: ਸਹਾਇਤਾ ਹੈ। ਜ਼ਿਕਰਾਂ ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਵਰਜਨ: CSS ਗ੍ਰਿੱਡ ਲੇਆਊਟ ਮੌਡਿਊਲ ਲੈਵਲ 1
ਜੈਵਾਸਕ੍ਰਿਪਟ ਗਰੈਮੈਟਰ object.style.gridAutoRows="60px"

ਬਰਾਉਜ਼ਰ ਸਹਾਇਤਾ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਪੂਰੀ ਸਹਾਇਤਾ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਸਾਰੇ ਸਿਫ਼ਾਰਸ਼ ਵਿੱਚ ਸਿਫ਼ਾਰਸ਼ ਕੀਤਾ ਗਿਆ ਹੈ。

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