এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <ol> ট্যাগ


<ol> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<ol> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<ol> ট্যাগের মাধ্যমে অর্ডার লিস্ট তৈরি করা হয়। অর্ডার লিস্টটি alphabetic বা numeric উভয়ই হতে পারে।

অর্ডার লিস্টের লিস্ট আইটেম নির্ধারণ করতে <li> ট্যাগটি ব্যবহার করা হয়।



নিচের উদাহরণে <ol> ট্যাগের মাধ্যমে দুটি অর্ডার লিস্ট দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <ol>
    <li>প্রথম আইটেম</li>
    <li>দ্বিতীয় আইটেম</li>
    <li>তৃতীয় আইটেম</li>
  </ol>

  <ol type="i">
    <li>প্রথম আইটেম</li>
    <li>দ্বিতীয় আইটেম</li>
    <li>তৃতীয় আইটেম</li>
  </ol>

  <ol start="10">
    <li>প্রথম আইটেম</li>
    <li>দ্বিতীয় আইটেম</li>
    <li>তৃতীয় আইটেম</li>
  </ol>

</body>
</html>

ফলাফল





টীকা ও মন্তব্যঃ



এট্রিবিউট

নিচের টেবিলে <ol> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বিবরণ
compact compact এইচটিএমএল(৫) এ সাপোর্ট করে না।
এটি স্বাভাবিকের চেয়ে ছোট লিস্ট প্রদান করে।
reversed reversed লিস্টগুলোকে অধঃক্রমে(উল্টো) সাজায়। (9,8,7,6,5,...)
start number অর্ডার লিস্টের লিস্ট আইটেমের শুরুর ভ্যালু নির্ধারণ করে।
type 1
A
a
I
i
লিস্টের ইন্ডিকেটর নির্ধারণ করে।


<ol> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


<ol> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <ol> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
  }


সম্পর্কিত পেজ