ဟန်တိုင်အကြောင်း
- အရှေ့ပိုင်း စာရင်း <object>
- နောက်ပိုင်း စာရင်း <optgroup>
အသုံးပြုနည်းဥပဒေ
<ol>
အချက်အလက် အသုံးပြုခြင်း: အမှတ် သို့မဟုတ် အစိတ်အတိုင်း အဆင်းတာ:
<li> အချက်အလက် အသုံးပြုခြင်း:
အကြောင်းကြား:စာရင်းအအုံးအစုံကို သတ်မှတ်ရန် CSS ကို အသုံးပြုပါ:
အကြောင်းကြား:အများသော စာရင်းများအတွက် အသုံးပြုရန်: <ul> အချက်အလက်。
တက်ကြည့်ရန်:
HTML အစီအစဉ်:HTML လောကသုတ်
HTML DOM အမြင့်တင်ရသည်:Ol အပေါ်
CSS အစီအစဉ်:စာရင်းအအုံးအစုံကို သတ်မှတ်ရန်:
အကျိုးသတ္တု
အမှတ် 1
မတူညီသော စာရင်းအချက်အလက်များ (ပထမစာရင်း 1 မှ စတင်၊ ဒုတိယစာရင်း 50 မှ စတင်):
<ol>
ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ
အမှတ် 2
မတူညီသော စာရင်းအမျိုးအစားများကို သတ်မှတ်ရန် CSS ကို အသုံးပြုခြင်း:
<ol style="list-style-type:upper-roman">
ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ
အမှတ် 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):
- 咖啡
- 茶
- 牛奶
- 咖啡
- 茶
- 牛奶
ကျွန်ုပ်ကိုယ်ဖြင့် ဝိုက်တော်များ
例子 5
在有序列表中嵌套无序列表:
<ol>
- 龙井
- 普洱
属性
属性 | 值 | 描述 |
---|---|---|
reversed | reversed | 规定列表顺序应该反转(9,8,7 ...)。 |
start | နှုန်း | ကြောက်ချက်ပေးသော အစဥ် အစား အစား အစား အစား အစား |
type |
|
လောကသုတ် တွင် အသုံးပြုရသော အချက်အလက် များ ကို အစီအစဉ်ပြုသည် |
အခြေခံ
<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>