CSS گرید آٹو کولمینز پرپریٹی
- ਪਿਛਲਾ ਪੰਨਾ grid-area
- ਅਗਲਾ ਪੰਨਾ grid-auto-flow
ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ
grid-auto-columns ਵਿਸ਼ੇਸ਼ਤਾ ਗ੍ਰਿੱਡ ਕੰਟੇਨਰ ਵਿੱਚ ਪੱਖੀਆਂ ਦੇ ਸਾਈਜ਼ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ。
ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਿਰਫ ਮੁੱਲ ਨਾ ਸੈਟ ਕੀਤੇ ਗਏ ਪੱਖੀਆਂ 'ਤੇ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦੀ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ ਪੁਸਤਕ:CSS ਗ੍ਰਿੱਡ ਲੇਆਊਟ
CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤ:grid-auto-rows ਵਿਸ਼ੇਸ਼ਤਾ
ਉਦਾਹਰਣ
ਗ੍ਰਿੱਡ ਵਿੱਚ ਪੱਖੀਆਂ ਦੇ ਮੂਲ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
CSS ਗਰੇਫਿਕਸ
grid-auto-columns: auto|max-content|min-content|length;
ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| auto | ਮੂਲ ਮੁੱਲ।ਕੰਟੇਨਰ ਦੇ ਸਾਈਜ਼ ਦੇ ਅਧਾਰ 'ਤੇ ਪੱਖੀ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ。 |
| fit-content() | |
| max-content | ਪੱਖੀ ਵਿੱਚ ਸਭ ਤੋਂ ਵੱਧ ਆਈਟਮ ਦੇ ਅਧਾਰ 'ਤੇ ਹਰ ਪੱਖੀ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ。 |
| min-content | ਪੱਖੀ ਵਿੱਚ ਸਭ ਤੋਂ ਛੋਟੇ ਆਈਟਮ ਦੇ ਅਧਾਰ 'ਤੇ ਹਰ ਪੱਖੀ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ。 |
| minmax(min.max) | minmax(min.max) ਦੇ ਰੂਪ ਵਿੱਚ ਮਿਨ ਤੋਂ ਵੱਧ ਜਾਂ ਬਰਾਬਰ ਅਤੇ ਮਾਕਸ ਤੋਂ ਘੱਟ ਜਾਂ ਬਰਾਬਰ ਦੇ ਸਾਈਜ਼ ਦੀ ਪੱਧਰ ਸੈਟ ਕਰੋ。 |
| length | ਪੱਖੀ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ ਪ੍ਰਮਾਣਿਤ ਲੰਬਾਈ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ。ਲੰਬਾਈ ਇਕਾਈ。 |
| % | ਪੱਖੀ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | auto |
|---|---|
| ਵਿਰਾਸਤੀ ਕਰਨਾ: | ਨਹੀਂ |
| ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: | ਸਮਰਥਨ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ。 |
| ਸੰਸਕਰਣ: | CSS ਗ੍ਰਿੱਡ ਲੇਆਊਟ ਮੌਡਿਊਲ ਲੈਵਲ 1 |
| ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸ: | object.style.gridAutoColumns="120px" |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਨੰਬਰ ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。
| ਚਰਮੀ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ਪਿਛਲਾ ਪੰਨਾ grid-area
- ਅਗਲਾ ਪੰਨਾ grid-auto-flow
