سی ایس ایس الائن سلف اپریشن

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

align-self ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੈਕਸੀਬਲ ਕੰਟੇਨਰ ਵਿੱਚ ਚੁਣੇ ਹੋਏ ਤੱਤ ਦੇ ਸਥਾਨ ਨੂੰ ਸੁਝਾਵੇਗੀ。

ਧਿਆਨ:align-self ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੈਕਸੀਬਲ ਕੰਟੇਨਰ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸ਼ਾਮਲ ਕਰੇਗੀ。 align-items ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸਿੱਖਿਆCSS Flexbox

CSS ਸੂਚੀਕਰਣ ਮੁੱਲਾਂalignContent ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੂਚੀਕਰਣ ਮੁੱਲਾਂalignItems ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸੂਚੀਕਰਣ ਮੁੱਲਾਂjustifySelf ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਸੂਚੀਕਰਣ ਮੁੱਲਾਂalignSelf ਵਿਸ਼ੇਸ਼ਤਾ

ਫਲੈਕਸੀਬਲ ਤੱਤ ਦੇ ਅੰਦਰ ਇੱਕ ਤੱਤ ਨੂੰ ਮੱਧ ਵਿੱਚ ਸਥਿਤ ਕਰੋ:

#myBlueDiv {
  align-self: center;
}

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

ਕੀਮਤ	ਵਰਣਨ
auto	ਮੂਲਤਵੀ। ਇਲੈਕਟਰੋਨ ਆਪਣੇ ਮਾਤਾ ਕੰਟੇਨਰ ਦੇ align-items ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵਿਰਾਸਤ ਲੈਂਦਾ ਹੈ, ਜੇਕਰ ਕੋਈ ਮਾਤਾ ਕੰਟੇਨਰ ਨਹੀਂ ਹੋਵੇ ਤਾਂ "stretch" ਹੋਵੇਗਾ。
stretch	ਇਲੈਕਟਰੋਨ ਕੰਟੇਨਰ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਲਈ ਫੈਕਸਡ ਹੋਵੇਗਾ。
center	ਇਲੈਕਟਰੋਨ ਕੰਟੇਨਰ ਦੇ ਮੱਧ ਵਿੱਚ ਹੋਵੇਗਾ。
flex-start	ਇਲੈਕਟਰੋਨ ਕੰਟੇਨਰ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਹੋਵੇਗਾ。
flex-end	ਇਲੈਕਟਰੋਨ ਕੰਟੇਨਰ ਦੇ ਅੰਤ ਵਿੱਚ ਹੋਵੇਗਾ。
ਬੇਸਲਾਈਨ	ਇਲੈਕਟਰੋਨ ਬਣਾਵੇਗਾ ਕੰਟੇਨਰ ਦੀ ਬੇਸਲਾਈਨ ਤੇ ਸਥਿਤ ਹੋਵੇਗਾ。
initial	ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਦੀ ਮੂਲਤਵੀ ਕੀਮਤ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ। ਦੇਖੋ: initial.
inherit	ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਵਿਰਾਸਤ ਲੈਂਦੀ ਹੈ। ਦੇਖੋ: inherit.

ਮੂਲਤਵੀ ਕੀਮਤ:	auto
ਵਿਰਾਸਤੀ:	ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ:	ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਸੰਸਕਰਣ:	CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ	object.style.alignSelf="center"

ਸਾਰੇ ਪ੍ਰਾਵਧਾਨਾਂ ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਸਾਰੇ ਤੌਰ 'ਤੇ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਨ ਜਿਸ ਵਿੱਚ ਸਾਰੇ ਨੰਬਰ ਲਿਖੇ ਹਨ。

ਚਰਮੋਇਲ	ਐਜ਼	ਫਾਇਰਫਾਕਸ	ਸਫਾਰੀ	ਓਪਰਾ
ਚਰਮੋਇਲ	ਐਜ਼	ਫਾਇਰਫਾਕਸ	ਸਫਾਰੀ	ਓਪਰਾ
57.0	16.0	52.0	10.1	44.0