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