CSS top এসপ্যাট্রি
- পূর্বপৃষ্ঠ text-underline-position
- পরবর্তী পৃষ্ঠা transform
বিবরণ ও ব্যবহার
top এক্সপ্রোপ্রিয়ন্টি এলিমেন্টের শীর্ষ মার্গকে নির্দিষ্ট করে। এই এক্সপ্রোপ্রিয়ন্টি এক্সপ্রোপ্রিয়ন্টি এলিমেন্টের উপরস্থ বার্নার এবং এলিমেন্টের কনটেন্ট বোক্সের উপরস্থ বার্নারের মধ্যে একটি এক্সপ্রোপ্রিয়ন্টি করে নির্ধারণ করে।
মন্তব্য:যদি "position" এক্সপ্রোপ্রিয়ন্টির মান "static" হয়, তবে "top" এক্সপ্রোপ্রিয়ন্টি কোনও প্রভাব ফেলবে না。
ব্যাখ্যা
স্ট্যাটিক এলিমেন্টের ক্ষেত্রে, auto; লঙ্ঘনমান ক্ষেত্রে, সংশ্লিষ্ট অবিকৃত লঙ্ঘনমান; প্রতিশত মানের ক্ষেত্রে, নির্দিষ্ট মান; অন্যথায় auto।
রিলেটিভ নির্দিষ্ট এলিমেন্টের ক্ষেত্রে, যদি top এবং bottom উভয়ই auto হয়, তবে উভয়ই 0 হয়; যদি কোনও একটি auto হয়, তবে অন্যটির ব্যতিক্রম নেওয়া হয়; যদি উভয়ই auto না হয়, bottom top এক্সপ্রোপ্রিয়ন্টির ব্যতিক্রম নেওয়া হবে。
অন্যান্য দেখুন:
CSS শিক্ষাক্রমCSS স্থানান্তর
HTML DOM পরিচ্ছেদকtop এক্সপ্রোপ্রিয়ন্টি
উদাহরণ
চিত্রটির উপরিভাগকে এলিমেন্টের উপরিভাগের নিচে 5 পিক্সেল উঁচু স্থানে সংযোজন করুন:
img
{
position:absolute;
top:5px;
}
CSS য়াক্রম
top: auto|length|initial|inherit;
এক্সপ্রোপ্রিয়ন্টি মান
| মান | বর্ণনা |
|---|---|
| auto | ডিফল্ট মান। ব্রাউজার দ্বারা উপরিভাগের স্থান নির্ধারণ করা হয়。 |
| % | এলিমেন্টের উপরিভাগের পরিমাণকে প্রতিশত হারে নির্ধারণ করুন। নেতিবাচক মান ব্যবহার করা যায়。 |
| length | px, cm ইত্যাদি ইউনিট ব্যবহার করে এলিমেন্টের উপরিভাগের স্থান নির্ধারণ করুন। নেতিবাচক মান ব্যবহার করা যায়。 |
| inherit | প্রয়োজনীয়তা থাকে যে, top এক্সপ্রোপ্রিয়ন্টি প্রতিষ্ঠান পারেন্ট এলিমেন্টের top এক্সপ্রোপ্রিয়ন্টি মান থেকে উত্তরাধিকার করে। |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| পৃথক সমর্থন: | no |
| সংস্করণ: | CSS2 |
| JavaScript য়াক্রম | object.style.top="50px" |
আরও উদাহরণ
- স্থির মানে চিত্রটির উপরিভাগ সংযোজন করা
- এই উদাহরণটি ব্রাউজারের উপরিভাগের স্থির মান দিয়ে চিত্রটির উপরিভাগ সংযোজন করে দেখায়。
- প্রতিশত হারে চিত্রটির উপরিভাগ সংযোজন করা
- এই উদাহরণটি ব্রাউজারের উপরিভাগের প্রতিশত হারে চিত্রটির উপরিভাগ সংযোজন করে দেখায়。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই বৈশিষ্ট্যটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
- পূর্বপৃষ্ঠ text-underline-position
- পরবর্তী পৃষ্ঠা transform
