CSS grid-column-start کی ویژگی

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

grid-column-start ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਕਿਸ ਸਿਰਲੇਖ ਤੋਂ ਸ਼ੁਰੂ ਕਰਨਾ ਹੈ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ।

ਹੋਰ ਦੇਖੋ:

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

CSS ਸੰਦਰਭ ਪੁਸਤਕ:grid-column ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:grid-column-end ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:grid-row-start ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:grid-row-end ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

"item1" ਨੂੰ ਸਿਰਲੇਖ 2 ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ:

.item1 {
  grid-column-start: 2;
}

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

CSS ਗਰੈਮਾਰ

grid-column-start: auto|span n|column-line;

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

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

ਬਰਾਉਜ਼ਰ ਸਪੋਰਟ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦੀ ਪਹਿਲੀ ਸਰਕਾਰ ਜਿਸ ਨੂੰ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਪੋਰਟ ਕਰਦੀ ਹੈ ਦੇ ਨੰਬਰ ਨੂੰ ਸਾਰੇ ਪੁਸਤਕਾਂ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ।

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