CSS margin ਪ੍ਰਾਪਰਟੀ

定义和用法

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

ਬਲਕ ਪੱਧਰ ਦੇ ਵਿਰਾਸਤੀ ਬਾਹਰੀ ਮੈਗਨਟ ਇੱਕ ਸਾਥ ਮਿਲ ਜਾਂਦੇ ਹਨ, ਜਦਕਿ ਇਨਲਾਈਨ ਪੱਧਰ ਦੇ ਵਿਰਾਸਤੀ ਉੱਪਰ ਅਤੇ ਹੇਠਲੇ ਬਾਹਰੀ ਮੈਗਨਟ ਨਾਲ ਕੋਈ ਹੋਣਾ ਨਹੀਂ ਹੈ। ਇਨਲਾਈਨ ਪੱਧਰ ਦੇ ਵਿਰਾਸਤੀ ਬਾਹਰੀ ਮੈਗਨਟ ਇੱਕ ਸਾਥ ਮਿਲ ਨਹੀਂ ਜਾਂਦੇ। ਫਲਾਈਟਿੰਗ ਪੱਧਰ ਦੇ ਬਾਹਰੀ ਮੈਗਨਟ ਵੀ ਇੱਕ ਸਾਥ ਮਿਲ ਨਹੀਂ ਜਾਂਦੇ। ਨੈਗਟਿਵ ਬਾਹਰੀ ਮੈਗਨਟ ਕੀਮਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜਾਜਤ ਹੈ, ਪਰ ਇਸ ਦਾ ਉਪਯੋਗ ਕਰਨ ਵਿੱਚ ਸਾਵਧਾਨੀ ਰੱਖੋ。

ਟਿੱਪਣੀ:ਨੈਗਟਿਵ ਕੀਮਤਾਂ ਦੀ ਵਰਤੋਂ ਦੀ ਇਜਾਜਤ ਹੈ。

ਉਦਾਹਰਣ 1

margin:10px 5px 15px 20px;
  • ਉੱਪਰ ਬਾਹਰੀ ਮੈਗਨਟ 10px ਹੈ
  • ਸੱਜੇ ਬਾਹਰੀ ਮੈਗਨਟ 5px ਹੈ
  • ਹੇਠਲਾ ਬਾਹਰੀ ਮੈਗਨਟ 15px ਹੈ
  • ਸੱਦੇ ਬਾਹਰੀ ਮੈਗਨਟ 20px ਹੈ

ਉਦਾਹਰਣ 2

margin:10px 5px 15px;
  • ਉੱਪਰ ਬਾਹਰੀ ਮੈਗਨਟ 10px ਹੈ
  • ਸੱਜੇ ਬਾਹਰੀ ਮੈਗਨਟ ਅਤੇ ਸੱਦੇ ਬਾਹਰੀ ਮੈਗਨਟ 5px ਹਨ
  • ਹੇਠਲਾ ਬਾਹਰੀ ਮੈਗਨਟ 15px ਹੈ

ਉਦਾਹਰਣ 3

margin:10px 5px;
  • ਉੱਪਰ ਬਾਹਰੀ ਮੈਗਨਟ ਅਤੇ ਹੇਠਲਾ ਬਾਹਰੀ ਮੈਗਨਟ 10px ਹਨ
  • ਸੱਜੇ ਬਾਹਰੀ ਮੈਗਨਟ ਅਤੇ ਸੱਦੇ ਬਾਹਰੀ ਮੈਗਨਟ 5px ਹਨ

ਉਦਾਹਰਣ 4

margin:10px;
  • ਸਾਰੇ 4 ਬਾਹਰੀ ਮੈਗਨਟ 10px ਹਨ

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS ਬਾਹਰੀ ਮੈਗਨੇਸ਼ਨ

HTML DOM ਸੂਚਨਾਕੋਸ਼:margin ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਪੰਨਾ ਪੱਧਰ ਦੇ 4 ਬਾਹਰੀ ਮੈਗਨਟ ਸੈਟ ਕਰੋ:

p
  {
  margin:2cm 4cm 3cm 4cm;
  }

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

CSS ਵਿਆਕਰਣ

margin: length|auto|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਕੀਮਤ

ਕੀਮਤ ਵਰਣਨ
auto ਬਰਾਉਜ਼ਰ ਬਾਹਰੀ ਮੈਗਨਟ ਨੂੰ ਹੱਲ ਕਰਦਾ ਹੈ。
length ਸਪੱਸ਼ਟ ਇਕਾਈ 'ਚ ਬਾਹਰੀ ਮੈਗਨਟ ਕੀਮਤ ਨੂੰ ਨਿਰਦੇਸ਼ ਦਿੰਦੀ ਹੈ ਜਿਵੇਂ ਕਿ ਪਿਕਸਲ, ਸੈਂਟੀਮੀਟਰ ਆਦਿ। ਮੂਲ ਕੀਮਤ 0px ਹੈ。
% ਬਾਹਰੀ ਮੈਗਨਟ ਦੀ ਚੌਡਾਈ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਰੂਪ 'ਚ ਬਾਹਰੀ ਮੈਗਨਟ ਸੈਟ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。
inherit ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਾਪਤ ਪੱਧਰ ਨੂੰ ਮਾਤਾ ਪੱਧਰ ਤੋਂ ਬਾਹਰੀ ਮੈਗਨਟ ਵਿਸ਼ੇਸ਼ਤਾ ਲੈਣ ਨੂੰ ਨਿਰਦੇਸ਼ ਦਿੰਦੀ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਕੀਮਤ: 0
ਵਿਰਾਸਤ: no
ਵਰਜਨ: CSS1
JavaScript ਵਿਆਕਰਣ: object.style.margin="10px 5px"

ਹੋਰ ਉਦਾਹਰਣ

ਸਾਰੇ ਬਾਹਰੀ ਮੈਗਨਟਸ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਇੱਕ ਹੀ ਬੇਲੇ ਵਿੱਚ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਸਾਰੇ ਬਾਹਰੀ ਮੈਗਨਟਸ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਇੱਕ ਹੀ ਬੇਲੇ ਵਿੱਚ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

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

ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਨੰਬਰ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ ਜੋ ਕਿ ਇਸ ਵਿਸ਼ੇਸ਼ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸਰਬਪੱਖੀ ਤੌਰ 'ਤੇ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਨੋਟ ਕਰਦੇ ਹਨ。

ਚਰਮੋਨਾ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 6.0 1.0 1.0 3.5