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