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