CSS min-block-size ਪ੍ਰਾਪਰਟੀ

تعلیم اور استعمال

min-block-size پائیداری کی تعریف کی جگہ، بلک دوسرے نامکمل سائز کا تعین کردی اے。

ਜੇਕਰ ਕੰਟੈਂਟ ਦੀ ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ 'ਤੇ ਸਾਈਜ਼ ਨਾਲ ਸਭ ਤੋਂ ਛੋਟੀ ਸਾਈਜ਼ ਤੋਂ ਘੱਟ ਹੁੰਦੀ ਹੈ ਤਾਂ min-block-size ਗੁਣ ਮੁੱਲ

ਜੇਕਰ ਕੰਟੈਂਟ ਦੀ ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ 'ਤੇ ਸਾਈਜ਼ ਨਾਲ ਸਭ ਤੋਂ ਛੋਟੀ ਸਾਈਜ਼ ਤੋਂ ਵੱਧ ਹੁੰਦੀ ਹੈ ਤਾਂ min-block-size ਗੁਣ ਮੁੱਲ ਨਹੀਂ ਕੰਮ ਕਰਦਾ।

ਧਿਆਨ:ਸਬੰਧਤ CSS ਗੁਣ writing-mode ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ ਜਿਸ ਨਾਲ ਇਹ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ: min-block-size ਗੁਣ ਦੇ ਨਤੀਜੇ 'ਤੇ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦੇ ਹਨ।ਇੰਗਲਿਸ਼ ਪੰਨਿਆਂ ਵਿੱਚ ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ ਹੇਠਾਂ ਹੁੰਦੀ ਹੈ ਅਤੇ ਇਨਲਾਈਨ ਡਾਇਰੇਕਸ਼ਨ ਸੱਜੇ ਤੋਂ ਵੱਲ ਹੁੰਦੀ ਹੈ。

CSS min-block-size ਗੁਣ ਸੀਐੱਸਐੱਸ ਗੁਣ ਨਾਲ min-height ਅਤੇ min-width ਬਹੁਤ ਹੀ ਸਮਾਨ ਲੱਗਦੇ ਹਨ, ਪਰ min-block-size ਗੁਣ ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਦੇ <div> ਤੱਤ ਨੂੰ ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ 'ਤੇ ਨਿਮਨਸਥਿਤ ਸਭ ਤੋਂ ਛੋਟੇ ਸਾਈਜ਼ 200 ਪਿਕਸਲ ਸੈਟ ਕਰੋ:

div {
  min-block-size: 200px;
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2: ਲਿਖਣ ਦਾ ਮੋਡ

ਦੇ <div> ਤੱਤ ਦੀ writing-mode ਗੁਣ ਮੁੱਲ ਵਾਲੀ vertical-rl ਤੇ ਤੱਤ ਦੀ ਬਲਕ ਡਾਇਰੇਕਸ਼ਨ ਨੂੰ ਹੇਠਾਂ ਤੋਂ ਪਾਸੇ ਵੱਲ ਬਦਲ ਦਿੰਦਾ ਹੈ ਜਿਸ ਨਾਲ ਇਹ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ: min-block-size ਗੁਣ ਦਾ ਕੰਮ ਕਰਨ ਦਾ ਤਰੀਕਾ:

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3: min-block-size ਅਤੇ block-size

ਇੱਕ <div> ਤੱਤ ਨੂੰ ਦੇਖੋ (block-size 100px) ਅਤੇ ਦੂਜੇ <div> ਤੱਤ (min-block-size 100px) ਵਿੱਚ ਕੰਟੈਂਟ ਸਾਈਜ਼ ਬਦਲਣ ਵਾਲੇ ਵੱਖ-ਵੱਖ ਪ੍ਰਤੀਕਿਰਿਆਵਾਂ ਲਈ:

#div1 {
  min-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

min-block-size: auto|length|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਬੰਧਤਾਂ:CSS بلاک-سائز اپریٹ

ਸਬੰਧਤਾਂ:CSS max-block-size ਪ੍ਰਾਪਰਟੀ

ਸਬੰਧਤਾਂ:CSS min-height ਪ੍ਰਾਪਰਟੀ

ਸਬੰਧਤਾਂ:CSS min-width ਪ੍ਰਾਪਰਟੀ

ਸਬੰਧਤਾਂ:CSS writing-mode ਪ੍ਰਤੀਯੋਗਿਤਾ