CSS margin-block-end کی اپریٹی

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

margin-block-end ਗੁਣ ਨੂੰ ਬਲਕ ਦਿਸ਼ਾ ਦੇ ਸਮਾਪਤ ਪੱਧਰ 'ਤੇ ਬਾਹਰੀ ਮੈਰਜਿਨ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ。

ਸੀਐੱਸਐੱਸ ਦੇ margin-block ਅਤੇ margin-inline ਗੁਣ ਸੀਐੱਸਐੱਸ ਦੇ margin-top,margin-bottom,margin-left ਅਤੇ margin-right ਗੁਣ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ ਪਰ margin-block ਅਤੇ margin-inline ਗੁਣ ਬਲਕ ਦਿਸ਼ਾ ਅਤੇ ਸਾਲੂਨ ਦਿਸ਼ਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ。

ਧਿਆਨ:ਸਬੰਧਤ ਸੀਐੱਸਐੱਸ ਗੁਣਾਂ writing-mode ਬਲਕ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ।ਇਹ ਬਲਕ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਿਤੀ ਅਤੇ margin-block-end ਗੁਣ ਦਾ ਨਤੀਜਾ।ਇੰਗਲਿਸ਼ ਪੰਨਿਆਂ ਵਿੱਚ ਬਲਕ ਦਿਸ਼ਾ ਹੇਠਾਂ ਹੁੰਦੀ ਹੈ ਅਤੇ ਸਾਲੂਨ ਦਿਸ਼ਾ ਵੱਲੋਂ ਸੱਜੇ ਤੋਂ ਵੱਲੋਂ ਹੁੰਦੀ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਬਲਕ ਦਿਸ਼ਾ ਦੇ ਸਮਾਪਤ ਪੱਧਰ 'ਤੇ ਬਾਹਰੀ ਮੈਰਜਿਨ ਸੈਟ ਕਰੋ:

div {
  margin-block-end: 35px;
}

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

ਉਦਾਹਰਣ 2

ਜਦੋਂ <div> ਐਲੀਮੈਂਟ ਦੇ writing-mode ਗੁਣ ਮੁੱਲ ਵਿੱਚ vertical-rl ਦੇ ਮੁੱਲ ਦੇ ਹੋਣ 'ਤੇ ਬਲਕ ਦਿਸ਼ਾ ਦਾਇਰਾ ਵੱਲੋਂ ਸੱਜੇ ਤੋਂ ਵੱਲੋਂ ਹੁੰਦਾ ਹੈ।ਨਤੀਜੇ ਵਜੋਂ ਐਲੀਮੈਂਟ ਦੀ ਸਮਾਪਤ ਸਥਿਤੀ ਹੇਠਾਂ ਤੋਂ ਸੱਜੇ ਪਾਸੇ ਤੱਕ ਹੋਵੇਗੀ: ਇਸ ਤਰ੍ਹਾਂ writing-mode ਦੇ ਬਦਲਾਅ ਵੀ margin-block-end ਦੇ ਪ੍ਰਭਾਵ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-end: 50px;
}

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

ਸੀਐੱਸਐੱਸ ਗਰਿੱਖ

margin-block-end: auto|length|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲਤਵੀ ਮੁੱਲ
length

ਦੂਰੀ ਸੈਟ ਕਰੋ ਜੋ ਕਿ ਪਿਕਸੈਲ (px), ਪਾਇਨਟ (pt), ਸੈਂਟੀਮੀਟਰ (cm) ਆਦਿ ਦੇ ਇਕਾਈਆਂ ਵਿੱਚ ਹੋਵੇ।ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਦੀ ਸਹੂਲਤ ਹੈ。

ਦੇਖੋ:سی ایس ایس یونٹ.
% ਮਾਤਾ ਐਲੀਮੈਂਟ ਦੇ ਸਾਲੂਨ ਵਿੱਚ ਸ਼ਾਮਲ ਪੱਧਰ 'ਤੇ ਪ੍ਰਤੀਸ਼ਤੀ ਦੂਰੀ ਸੈਟ ਕਰੋ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲਤਵੀ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial.
inherit ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਵਿਰਾਸਤੀਕਰਣ ਕਰੋ।ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

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

ਚਰਾਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
87.0 87.0 41.0 12.1 73.0

ਸਬੰਧਤ ਪੰਨੇ

ਸਬੰਧਤ:CSS margin-block کی اپریٹی

ਸਬੰਧਤ:CSS margin-block-start کی اپریٹی

ਸਬੰਧਤ:CSS margin-bottom کی اپریٹی

ਸਬੰਧਤ:CSS margin-inline ਪ੍ਰਤੀਯੋਗਤਾ

ਸਬੰਧਤ:CSS margin-left ਪ੍ਰਤੀਯੋਗਤਾ

ਸਬੰਧਤ:CSS margin-right ਪ੍ਰਤੀਯੋਗਤਾ

ਸਬੰਧਤ:CSS margin-top ਪ੍ਰਤੀਯੋਗਤਾ

ਸਬੰਧਤ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ