CSS သည် Property မှ ထွက်ခွာသွားသည်။
ဥပမာ
နေရာချထားသော <div> ဒြပ်စင်၏ ဘယ်ဘက်အစွန်းကို ၎င်း၏အနီးဆုံးနေရာယူထားသော ဘိုးဘေး၏ ဘယ်ဘက်အစွန်းမှ 150px သို့ သတ်မှတ်ပါ-
div.c {
position: absolute;
left:
150px;
width: 200px;
height: 120px;
border: 3px solid
green;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
left
ပိုင်ဆိုင်မှုသည် positioned element တစ်ခု၏ အလျားလိုက် အနေအထားကို သက်ရောက်သည် ။ ဤပိုင်ဆိုင်မှုသည် နေရာချထားခြင်းမရှိသော ဒြပ်စင်များအပေါ် သက်ရောက်မှုမရှိပါ။
- အကယ်၍ ရာထူး: ပကတိ; သို့မဟုတ် ရာထူး- ပုံသေ; -
left
ပိုင်ဆိုင်မှုသည် အနီးဆုံးနေရာယူထားသည့် ဘိုးဘေး၏ ဘယ်ဘက်အစွန်းကို ယူနစ်တစ်ခုအဖြစ် သတ်မှတ်သည်။ - အကယ်၍ ရာထူး: ဆွေမျိုး; -
left
ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ ဘယ်ဘက်အစွန်းကို ၎င်း၏ပုံမှန်အနေအထား၏ ဘယ်/ညာသို့ ယူနစ်တစ်ခုအဖြစ် သတ်မှတ်သည်။ - အနေအထား: စေးကပ်နေလျှင်; -
left
ဒြပ်စင်သည် viewport အတွင်း၌ ရှိနေသောအခါ ၎င်း၏ အနေအထားသည် နှိုင်းယှဥ်ဟန်တူပြီး ၎င်းသည် အပြင်ဘက်တွင် ရှိနေသည့် အနေအထားနှင့် တူသည်။ - အကယ်၍ အနေအထား: static; -
left
ပစ္စည်းဥစ္စာ သက်ရောက်မှုမရှိပါ။
မူလတန်ဖိုး: | အော်တို |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS2 |
JavaScript syntax- | အရာဝတ္ထု .style.left="100px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
left | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS Syntax
left: auto|length|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
auto | Lets the browser calculate the left edge position. This is default | |
length | Sets the left edge position in px, cm, etc. Negative values are allowed. Read about length units | |
% | Sets the left edge position in % of containing element. Negative values are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
ဘယ်ဘက်ပိုင်ဆိုင်မှုကို အနှုတ်တန်ဖိုးနဲ့ အသုံးပြုပြီး နေရာချထားထားတဲ့ ဘိုးဘေးဘီဘင်မရှိတဲ့ ဒြပ်စင်အတွက်
div.b {
position: absolute;
left: -10px;
width: 100px;
height: 120px;
border: 3px solid blue;
}
div.c {
position: absolute;
left: 150px;
width: 200px;
height: 120px;
border: 3px solid green;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS နေရာချထား ခြင်း။
CSS ရည်ညွှန်းချက်- မှန်ကန်သော ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- အောက်ခြေပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- ထိပ်တန်းပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- ဘယ်ဘက်ပိုင်ဆိုင်မှု