ပုံစံ alignSelf Property
ဥပမာ
ကွန်တိန်နာနှင့် အံဝင်ခွင်ကျဖြစ်စေရန်အတွက် ပြောင်းလွယ်ပြင်လွယ်ရှိသော ဒြပ်စင်တစ်ခုအတွင်းရှိ အရာများထဲမှ တစ်ခုအတွက် ချိန်ညှိမှုများကို သတ်မှတ်ပါ-
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
alignSelf ပိုင်ဆိုင်မှုသည် ပြောင်းလွယ်ပြင်လွယ်ရှိသော ကွန်တိန်နာအတွင်း ရွေးချယ်ထားသော အရာအတွက် ချိန်ညှိမှုကို သတ်မှတ်သည်။
မှတ်ချက်- alignSelf property သည် ပြောင်းလွယ်ပြင်လွယ်ရှိသော container ၏ alignItems ပိုင်ဆိုင်မှုကို လွှမ်းမိုးထားသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Webkit ၏နောက်မှလိုက်သောနံပါတ်များသည် ရှေ့ဆက်တစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
alignSelf | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
အထားအသို
alignSelf property ကို ပြန်ပို့ပါ-
object.style.alignSelf
alignSelf property ကို သတ်မှတ်ပါ-
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
auto | Default. The element inherits its parent container's align-items property, or "stretch" if it has no parent container |
stretch | The element is positioned to fit the conatiner |
center | The element is positioned at the center of the container |
flex-start | The element is are positioned at the beginning of the container |
flex-end | The element is positioned at the end of the container |
baseline | The element is positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | အော်တို |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ align-self ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- align-self ပိုင်ဆိုင်မှု
HTML DOM ပုံစံ အကိုးအကား- အကြောင်းအရာ ပိုင်ဆိုင်မှုကို ချိန်ညှိပါ ။
HTML DOM STYLE အကိုးအကား- alignItems ပိုင်ဆိုင်မှု