CSS margin-bottom ਪ੍ਰਾਪਰਟੀ
- ਪਿਛਲੀ ਪੰਨੀ margin-block-start
- ਅਗਲਾ ਪੰਨਾ margin-inline
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
margin-bottom ਗੁਣ ਨਾਲ ਇਕਾਈ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਨੂੰ ਸੈਟ ਕਰੋ。
ਟਿੱਪਣੀ:ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਦੀ ਵਰਤੋਂ ਦੀ ਇਜਾਜਤ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆCSS ਬਾਹਰੀ ਮਾਰਜਿਨ
HTML DOM ਸੂਚੀਕਰਣmarginBottom ਗੁਣ
ਉਦਾਹਰਣ
p ਇਕਾਈ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਸੈਟ ਕਰੋ:
p { margin-bottom:2cm; }
ਇੱਕ ਹੋਰ ਉਦਾਹਰਣ ਨੂੰ ਪੰਨੇ ਦੇ ਨਾਲ ਮਿਲਾਇਆ ਗਿਆ ਹੈ
CSS ਗਰਮਾਤਰਾਂ
margin-bottom: length|auto|initial|inherit;
ਪ੍ਰਤੀਭਾਵ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
auto | ਬਰਾਉਜ਼ਰ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਨੂੰ ਗਣਨਾ ਕਰਦਾ ਹੈ。 |
length | ਨਿਸ਼ਚਿਤ ਇਕਾਈ ਦੇ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਦਾ ਮੁੱਲ ਨਿਰਧਾਰਿਤ ਕਰੋ ਜਿਵੇਂ ਕਿ ਪਿਕਸਲ, ਸੈਂਟੀਮੀਟਰ ਆਦਿ। ਮੂਲ ਮੁੱਲ 0px ਹੈ。 |
% | ਸਮੇਟ ਤੌਰ 'ਤੇ ਬਾਹਰੀ ਮਾਰਜਿਨ ਦੀ ਵਿਆਪਕਤਾ ਨੂੰ ਸੈਟ ਕਰੋ。 |
inherit | ਪਿਛਲੇ ਏਕਾਇਕ ਤੌਰ 'ਤੇ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਦੀ ਨਿਰਦੇਸ਼ਾਂ ਦਿੱਤੀਆਂ ਹਨ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | 0 |
---|---|
ਵਿਰਾਸਤੀਕਰਣ: | no |
ਸੰਸਕਰਣ: | CSS1 |
JavaScript ਗਰਮਾਤਰਾਂ: | object.style.marginBottom="10px" |
ਹੋਰ ਉਦਾਹਰਣ
- ਪਾਠ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ 1 ਸੈਟ ਕਰੋ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਸੈਂਟੀਮੀਟਰ ਦੇ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਾਠ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。
- ਪਾਠ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ 2 ਸੈਟ ਕਰੋ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਪ੍ਰਕਾਰ ਨਾਲ ਪਾਠ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਲੋੜ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸ਼ੁਰੂਆਤੀ ਸੰਸਕਰਣ ਦੇ ਨੰਬਰ ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਦਿਖਾਏ ਗਏ ਹਨ。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- ਪਿਛਲੀ ਪੰਨੀ margin-block-start
- ਅਗਲਾ ਪੰਨਾ margin-inline