CSS فلیکس بیسیس کی اپریٹی

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

flex-basis ਗੁਣ ਇਸ ਗੁਣ ਨੂੰ ਉਪ-ਏਕਾਈ ਦੀ ਮੂਲ ਲੰਬਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੇਗਾ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਏਕਾਈ ਲਹਿਰੀ ਉਪ-ਏਕਾਈ ਨਹੀਂ ਹੈ ਤਾਂ flex ਗੁਣ ਬੇਕਾਰ ਹੋ ਜਾਵੇਗਾ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆਬੋਧਨ: CSS ਲਹਿਰੀ ਫੈਕਸ

CSS ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflex ਗੁਣ

CSS ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflex-direction ਗੁਣ

CSS ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflex-flow ਗੁਣ

CSS ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflex-grow ਗੁਣ

CSS ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflex-shrink ਗੁਣ

CSS ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflex-wrap ਗੁਣ

HTML DOM ਸਲਾਹਕਾਰ ਮੁੱਲਕਾਮflexBasis ਗੁਣ

ਉਦਾਹਰਣ

ਦੂਜੀ ਲਹਿਰੀ ਉਪ-ਏਕਾਈ ਦੀ ਮੂਲ ਲੰਬਾਈ ਨੂੰ 100 ਪਿਕਸਲ ਤੇ ਸੈਟ ਕਰੋ:

div:nth-of-type(2) {
  flex-basis: 100px;
}

ਖ਼ੁਦ ਕਰੋ

CSS ਗਰੰਥ

flex-basis: number|auto|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
number ਲੰਬਾਈ ਇਕਾਈ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਇਸ ਗੁਣ ਨੂੰ ਉਪ-ਏਕਾਈ ਦੀ ਮੂਲ ਲੰਬਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੇਗਾ。
auto ਮੂਲ ਵਿੱਚ ਮੁੱਲ। ਲੰਬਾਈ ਇਸ ਗੁਣ ਦੇ ਉਪ-ਏਕਾਈ ਦੀ ਲੰਬਾਈ ਨੂੰ ਬਰਾਬਰ ਹੁੰਦੀ ਹੈ। ਜੇਕਰ ਇਹ ਉਪ-ਏਕਾਈ ਲੰਬਾਈ ਨਾ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ ਲੰਬਾਈ ਉਸ ਦੇ ਸਮੱਗਰੀ ਦੇ ਅਧਾਰ 'ਤੇ ਲੰਬਾਈ ਤੇ ਕਰੇਗੀ।
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੀ ਮੂਲ ਵਿੱਚ ਮੁੱਲ ਤੇ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਉਪ-ਏਕਾਈ ਤੋਂ ਵਾਲੀਆਂਕਰਣ ਕਰੋ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵਿਸਤਾਰ

ਮੂਲ ਵਿੱਚ ਮੁੱਲ: auto
ਵਾਲੀਆਂਕਰਣ: ਨਹੀਂ
ਅਨੀਮੇਸ਼ਨ ਬਣਾਓ: ਸਮਰਥਨ ਕਰੋ:ਅਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਵਰਜਨ: CSS3
JavaScript ਗਰੰਥ object.style.flexBasis="200px"

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

ਸ਼ੂਦੂ ਪੰਜੀ ਵਿੱਚ ਦਰਸਾਏ ਗਏ ਨੰਬਰ ਇਹ ਹਨ ਜੋ ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦੇਣ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਹਨ。

ਜੋ ਕਿ -webkit- ਜਾਂ -moz- ਨਾਲ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਨੰਬਰ ਪਹਿਲੀ ਸ਼ੁਰੂਆਤੀ ਰੈਜਿਅਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਚਰਮੀ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0