CSS margin-inline-end ਸਪੰਨ

ਕੋਰਸ ਸਿਫਾਰਸ਼:

margin-inline-end ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

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

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਅੰਦਰੂਨੀ ਦਿਸ਼ਾ ਦੇ ਅੰਤ ਦੇ ਬਾਹਰਵਾਰ ਮੂਰ੍ਹੇ ਨੂੰ ਸੈਟ ਕਰੋ:

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

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਉਦਾਹਰਣ 2

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

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਉਦਾਹਰਣ 3

ਜਦੋਂ <div> ਇਲਾਕੇ ਦਾ direction ਗੁਣ ਕੀਮਤ 'rtl' ਵਾਲੇ ਹੋਣ ਤੇ ਅੰਦਰੂਨੀ ਦਿਸ਼ਾ ਦਾਇਰਾ ਦੱਖਣੋਂ ਤੋਂ ਉੱਤਰ ਦੀ ਦਿਸ਼ਾ ਵਿੱਚ ਹੁੰਦਾ ਹੈ।ਨਤੀਜੇ ਵਜੋਂ ਇਲਾਕੇ ਦਾ ਅੰਤ ਦਾਇਰੇ ਵਿੱਚੋਂ ਦੱਖਣ ਤੋਂ ਉੱਤਰ ਵੱਲ ਹੋ ਜਾਂਦਾ ਹੈ:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

ਸਵੈ ਮੋਹਰਾ ਕਰੋ

ਸੀਐੱਸਐੱਸ ਗਰਿੱਫਿਕ

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

ਗੁਣ ਕੀਮਤ

ਕੀਮਤ ਵਰਣਨ
ਆਪਣੇ ਆਪ ਮੂਲਤਵੀ ਕੀਮਤ
length

margin-inline-end ਨੂੰ px, pt, cm ਆਦਿ ਇਕਾਈਆਂ ਵਿੱਚ ਸੈਟ ਕਰੋ।ਨਾਗਤ ਮੁੱਲਾਂ ਨੂੰ ਪ੍ਰਵਾਨ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਕੀਮਤ: ਆਪਣੇ ਆਪ
ਵਿਰਾਸਤ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰੱਥਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਵਰਜਨ: ਸੀਐੱਸਐੱਸ3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰਿੱਫਿਕ object.style.marginInlineEnd="50px"

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

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਸਬੰਧਤ:CSS ڈائریکشن کی اپریٹی

ਸਬੰਧਤ:CSS margin-inline-start ਸਪੰਨ

ਸਬੰਧਤ:CSS margin-bottom ਪ੍ਰਾਪਰਟੀ

ਸਬੰਧਤ:CSS margin-inline ਸਪੰਨ

ਸਬੰਧਤ:CSS margin-left ਸਪੰਨ

ਸਬੰਧਤ:CSS margin-right ਸਪੰਨ

ਸਬੰਧਤ:CSS margin-top ਸਪੰਨ

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