Style alignSelf ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

alignSelf ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੈਕਸੀ ਕੰਟੇਨਰ ਦੇ ਚੋਣਵੇਂ ਇਲਾਕੇ ਦੇ ਸਥਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

ਟਿੱਪਣੀ:alignSelf ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੈਕਸੀ ਕੰਟੇਨਰ ਦੀ alignItems ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿਸ਼ੇਸ਼ਤਾ。

ਉਦਾਹਰਣ

ਫਲੈਕਸੀ ਇਲਾਕੇ ਦੇ ਅੰਦਰ ਕਿਸੇ ਇਲਾਕੇ ਨੂੰ ਕੰਟੇਨਰ ਨੂੰ ਅਨੁਕੂਲਨ ਲਈ ਸਥਾਨ ਸੈਟ ਕਰੇ:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

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

ਸਫਤਤਾ

returnAlignSelf ਵਿਸ਼ੇਸ਼ਤਾ ਰਿਟਰਨ ਕਰੇ:

object.style.alignSelf

setAlignSelf ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੇ:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

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

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਰਿਟਰਨ ਵੈਲਿਊ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਇਲਾਕੇ ਦੀ align-self 属性。
CSS ਸੰਸਕਰਣ: CSS3

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

alignItems ਇਹ ਕ੍ਰਿਮਸ (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ।

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਮੋਇਲ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਚਰਮੋਇਲ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ 11

ਸਬੰਧਤ ਪੰਨੇ

CSS ਪੁਸਤਕਾਲਾਂ:align-self 属性

HTML DOM STYLE ਸੰਦਰਭ ਮੁੱਲ:alignContent ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM STYLE ਸੰਦਰਭ ਮੁੱਲ:alignItems ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿਸ਼ੇਸ਼ਤਾ