Style top ਗੁਣ
- بال پیغام پایین سطر
- پایین پیغام ترجیح
- ایک سطر اوپر واپس ایچ تی ایم ایل ڈوم اسٹائل آوبجیکٹ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
top ਗੁਣ ਸੈੱਟ ਕਰਨ ਜਾਂ ਸਥਾਨਿਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਵਾਪਸ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕਰੋ
ਇਹ ਗੁਣ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਅੰਦਰੂਨੀ ਮੋਰਟਰ, ਸਰਕਲੇਬਰ, ਬਾਰਡਰ ਅਤੇ ਮਾਰਜਿਨ ਸ਼ਾਮਲ ਹਨ。
ਸੁਝਾਅ:ਸਥਾਨਿਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦ ਹੈ position ਗੁਣ ਸੈੱਟ ਕਰੋ:relative、absolute ਜਾਂ fixed。
ਸੁਝਾਅ:ਸਥਾਨਿਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦ ਦੀ ਨੀਚੀ ਸਥਿਤੀ ਸੈੱਟ ਕਰਨ ਜਾਂ ਵਾਪਸ ਕਰਨ ਲਈ ਇਸ ਤੋਂ ਵਰਤੋਂ ਕਰੋ bottom ਗੁਣ。
ਇਸ ਵੀ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS تعبیه
CSS ਸੰਦਰਭ ਮੁੱਲਕਾਰtop ਗੁਣ
ਇਨਸਟੈਂਸ
ਉਦਾਹਰਣ 1
button ਐਲੀਮੈਂਟ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਸੈੱਟ ਕਰੋ:
document.getElementById("myBtn").style.top = "100px";
ਉਦਾਹਰਣ 2
ਨਕਾਰਾਤਮਕ ਮੁੱਲ - div ਐਲੀਮੈਂਟ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਸੈੱਟ ਕਰੋ:
document.getElementById("myDiv").style.top = "-100px";
ਉਦਾਹਰਣ 3
div ਐਲੀਮੈਂਟ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਵਾਪਸ ਕਰੋ:
alert(document.getElementById("myDiv").style.top);
ਸ਼ਾਬਦਿਕ ਰੂਪ
top ਗੁਣ ਵਾਪਸ ਕਰੋ:
object.style.top
top ਗੁਣ ਸੈੱਟ ਕਰੋ:
object.style.top = "auto|length|%|initial|inherit"
ਗੁਣ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| auto | ਬਰਾਊਜ਼ਰ ਨੂੰ ਉੱਚੀ ਸਥਿਤੀ ਸੈੱਟ ਕਰੋ। ਮੂਲਤਬੀ。 |
| length | ਲੰਬਾਈ ਇਕਾਈ ਨਾਲ ਉੱਚੀ ਸਥਿਤੀ ਦਿੰਦੇ ਹਨ। ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਦੀ ਪ੍ਰਵਾਨਗੀ ਹੈ。 |
| % | ਪਿਛਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਦੀ ਪ੍ਰਤੀਸ਼ਤੀ ਨਾਲ ਸੈੱਟ ਕਰੋ |
| initial | ਇਸ ਗੁਣ ਨੂੰ ਮੂਲਤਬੀ ਮੁੱਲ ਤੇ ਸੈੱਟ ਕਰੋ ਅਤੇ ਦੇਖੋ initial。 |
| inherit | ਇਸ ਗੁਣ ਨੂੰ ਮਾਪੇ ਪ੍ਰਾਪਤ ਕਰੋ ਅਤੇ ਦੇਖੋ inherit。 |
ਤਕਨੀਕੀ ਵੇਰਵਾ
| ਮੂਲਤਬੀ ਮੁੱਲ: | ਨਾਚੋਂ |
|---|---|
| ਵਾਪਸੀ ਮੁੱਲ: | ਸਟਰਿੰਗ, ਜੋ ਸਥਾਨਿਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਦਾਂ ਦੀ ਉੱਚੀ ਸਥਿਤੀ ਦਿੰਦੀ ਹੈ。 |
| CSS ਸੰਸਕਰਣ: | CSS2 |
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
| ਕਰੋਮ | ایج | فائر فاکس | سافری | آپرا |
|---|---|---|---|---|
| ਕਰੋਮ | ایج | فائر فاکس | سافری | آپرا |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- بال پیغام پایین سطر
- پایین پیغام ترجیح
- ایک سطر اوپر واپس ایچ تی ایم ایل ڈوم اسٹائل آوبجیکٹ
