CSS list-style-position Property
ဥပမာ
စာရင်း-ပစ္စည်း အမှတ်အသားများ၏ အနေအထားကို သတ်မှတ်ပါ-
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှုသည် စာရင်း-ပစ္စည်း အမှတ်အသားများ (ကျည်ဆန်အမှတ်များ) ၏ list-style-position
အနေအထားကို သတ်မှတ်သည်။
list-style-position: outside;
ကျည်ဆန်အမှတ်များသည် စာရင်းအကြောင်းအရာ၏ အပြင်ဘက်တွင် ရှိနေမည်ဟု ဆိုလိုသည်။ စာရင်းအကြောင်းအရာတစ်ခု၏ စာကြောင်းတစ်ခုစီ၏အစကို ဒေါင်လိုက် ညှိပေးမည်-
- ကော်ဖီ - လှော်ထားသော ကော်ဖီစေ့ဖြင့် ပြင်ဆင်ထားသော ဖျော်ရည်...
- လက်ဖက်ရည်
- Coke
list-style-position: inside;
ဆိုလိုသည်မှာ ကျည်ဆံအမှတ်များသည် စာရင်းအကြောင်းအရာအတွင်းတွင် ရှိနေမည်ဖြစ်သည်။ ၎င်းသည် စာရင်းအကြောင်းအရာ၏ အစိတ်အပိုင်းဖြစ်သောကြောင့်၊ ၎င်းသည် စာသား၏တစ်စိတ်တစ်ပိုင်းဖြစ်မည်ဖြစ်ပြီး အစတွင် စာသားကို တွန်းပါ-
- ကော်ဖီ - လှော်ထားသော ကော်ဖီစေ့ဖြင့် ပြင်ဆင်ထားသော ဖျော်ရည်...
- လက်ဖက်ရည်
- Coke
မူလတန်ဖိုး: | အပြင်မှာ |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS1 |
JavaScript syntax- | အရာဝတ္ထု .style.listStylePosition="inside" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
list-style-position: inside|outside|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS စာရင်း
CSS ရည်ညွှန်းချက်- စာရင်းပုံစံ ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- listStylePosition ပိုင်ဆိုင်မှု