ဟန်တိုင်အကြောင်း

  • အရှေ့ပိုင်း စာရင်း <object>
  • နောက်ပိုင်း စာရင်း <optgroup>

အသုံးပြုနည်းဥပဒေ

<ol> အချက်အလက် အသုံးပြုခြင်း: အမှတ် သို့မဟုတ် အစိတ်အတိုင်း အဆင်းတာ:

<li> အချက်အလက် အသုံးပြုခြင်း:

အကြောင်းကြား:စာရင်းအအုံးအစုံကို သတ်မှတ်ရန် CSS ကို အသုံးပြုပါ:

အကြောင်းကြား:အများသော စာရင်းများအတွက် အသုံးပြုရန်: <ul> အချက်အလက်

တက်ကြည့်ရန်:

HTML အစီအစဉ်:HTML လောကသုတ်

HTML DOM အမြင့်တင်ရသည်:Ol အပေါ်

CSS အစီအစဉ်:စာရင်းအအုံးအစုံကို သတ်မှတ်ရန်:

အကျိုးသတ္တု

အမှတ် 1

မတူညီသော စာရင်းအချက်အလက်များ (ပထမစာရင်း 1 မှ စတင်၊ ဒုတိယစာရင်း 50 မှ စတင်):

<ol>
  
  • 咖啡
  • 牛奶
  • <ol start="50">
  • 咖啡
  • 牛奶
  • ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ

    အမှတ် 2

    မတူညီသော စာရင်းအမျိုးအစားများကို သတ်မှတ်ရန် CSS ကို အသုံးပြုခြင်း:

    <ol style="list-style-type:upper-roman">
    
  • 咖啡
  • 牛奶
  • <ol style="list-style-type:lower-alpha">
  • 咖啡
  • 牛奶
  • ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ

    အမှတ် 3

    ပြောင်းလဲခြင်းအချက်အလက်များကို CSS ဖော်ပြခြင်း:

    <style>
    ol.a {list-style-type: armenian;}
    ol.b {list-style-type: cjk-ideographic;}
    ol.c {list-style-type: decimal;}
    ol.d {list-style-type: decimal-leading-zero;}
    ol.e {list-style-type: georgian;}
    ol.f {list-style-type: hebrew;}
    ol.g {list-style-type: hiragana;}
    ol.h {list-style-type: hiragana-iroha;}
    ol.i {list-style-type: katakana;}
    ol.j {list-style-type: katakana-iroha;}
    ol.k {list-style-type: lower-alpha;}
    ol.l {list-style-type: lower-greek;}
    ol.m {list-style-type: lower-latin;}
    ol.n {list-style-type: lower-roman;}
    ol.o {list-style-type: upper-alpha;}
    ol.p {list-style-type: upper-latin;}
    ol.q {list-style-type: upper-roman;}
    ol.r {list-style-type: none;}
    ol.s {list-style-type: inherit;}
    
    

    ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ

    例子 4

    减少和扩大列表中的行高(使用 CSS):

    1. 咖啡
    2. 牛奶
    1. 咖啡
    2. 牛奶

    ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ

    例子 5

    在有序列表中嵌套无序列表:

    <ol>
      
  • 咖啡
    • 龙井
    • 普洱
  • 牛奶
  • ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ

    属性

    属性 描述
    reversed reversed 规定列表顺序应该反转(9,8,7 ...)。
    start နှုန်း ကြောက်ချက်ပေးသော အစဥ် အစား အစား အစား အစား အစား
    type
    • 1
    • A
    • a
    • I
    • i
    လောကသုတ် တွင် အသုံးပြုရသော အချက်အလက် များ ကို အစီအစဉ်ပြုသည်

    အခြေခံ

    <ol> အခြား လက္ခဏာ HTML အမှုန် အခြေခံ

    လက္ခဏာ အမှုန်

    <ol> အခြား လက္ခဏာ HTML အမှုန် လက္ခဏာ

    ပုံမှန် CSS အချက်အလက်

    အများစု ဘွတ်စာတု သည် အောက်ပါ အချက်အလက် အသုံးပြုသည် <ol> အရာ:

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

    ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ

    ဘွတ်စာတု ထောက်ပံ့

    Chrome Edge Firefox Safari Opera
    Chrome Edge Firefox Safari Opera
    ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
    • အရှေ့ပိုင်း စာရင်း <object>
    • နောက်ပိုင်း စာရင်း <optgroup>