Style top বৈশিষ্ট্য
- পূর্ববর্তী পৃষ্ঠা textTransform
- পরবর্তী পৃষ্ঠা transform
- একটি স্তর উপরে ফিরুন HTML DOM Style অবজেক্ট
সংজ্ঞা ও ব্যবহার
top অবস্থান প্রদর্শক তত্ত্বের শীর্ষ অবস্থান নির্ধারণ করতে বা ফলাফল নির্ধারণ করতে বৈশিষ্ট্য সংযোজন
এই বৈশিষ্ট্যটি তত্ত্বের শীর্ষ অবস্থানকে নির্দেশ করে, যা ভিতরের মাঝারি, স্ক্রোল, মার্গ ও বাইরের মার্গ সহ সমস্তকে নির্দেশ করে。
সুঝানা:অবস্থান প্রদর্শক তত্ত্ব: position বৈশিষ্ট্য নিম্নোক্ত পরিমাণ:relative、absolute বা fixed。
সুঝানা:অবস্থান প্রদর্শক তত্ত্বের নিচের অবস্থান নির্ধারণ করতে ব্যবহার করুন: বোতম বৈশিষ্ট্য。
অন্যান্য পরিচিতি:
CSS শিক্ষাক্রম:CSS লোকেশন
CSS পরিচিতি পুস্তক:টপ বৈশিষ্ট্য
উদাহরণ
উদাহরণ 1
টিপপি তত্ত্বের শীর্ষ অবস্থান নির্ধারণ করুন:
document.getElementById("myBtn").style.top = "100px";
উদাহরণ 2
নেতিবাচক মান - <div> তত্ত্বের শীর্ষ অবস্থান নির্ধারণ করুন:
document.getElementById("myDiv").style.top = "-100px";
উদাহরণ 3
ফলাফল: <div> তত্ত্বের শীর্ষ অবস্থান:
alert(document.getElementById("myDiv").style.top);
বিন্যাস
টপ বৈশিষ্ট্য ফলাফল:
object.style.top
টপ বৈশিষ্ট্য সংযোজন:
object.style.top = "auto|length|%|initial|inherit"
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
| auto | ব্রাউজারকে শীর্ষ অবস্থান নির্ধারণ করান। ডিফল্ট |
| length | দৈর্ঘ্য ইউনিটে শীর্ষ অবস্থান নির্ধারণ করুন। নেতিবাচক মানও স্বীকৃত |
| % | পিতৃ তত্ত্বের উচ্চতার শতাংশে শীর্ষ অবস্থান নির্ধারণ করুন。 |
| initial | এই বৈশিষ্ট্যটির ডিফল্ট মান নিয়ে সংযোজিত করুন। দেখুন initial。 |
| inherit | এই বৈশিষ্ট্যটি পিতৃ তত্ত্ব থেকে উত্তরণ করুন। দেখুন inherit。 |
কারিগরি বিবরণ
| ডিফল্ট মান: | না |
|---|---|
| ফলাফল: | শব্দসূচক, যা অবস্থান প্রদর্শক তত্ত্বের শীর্ষ অবস্থানকে নির্দেশ করে。 |
| CSS সংস্করণ: | CSS2 |
ব্রাউজার সমর্থন
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা textTransform
- পরবর্তী পৃষ্ঠা transform
- একটি স্তর উপরে ফিরুন HTML DOM Style অবজেক্ট
