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