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