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