right ဂုဏ်သတ္တိ
right ဂုဏ်သတ္တိသည် element ၏ ညာဘက်အစွန်း၏နေရာကို သတ်မှတ်ပေးသည်။ ဤဂုဏ်သတ္တိအတွက် တန်ဖိုးများကို ယေဘုယျအားဖြင့် အသိအမှတ်ပြု အတိုင်းအတာယူနစ်များဖြင့် ရေးသားနိုင်ပါသည်။ ဥပမာ၊ ပစ်ဆယ်၊ လက်မ၊ ပွိုင့်၊ ရာခိုင်နှုန်းများဖြင့် ရေးသားနိုင်သည်။ သတ်မှတ်သည့်တန်ဖိုးများသည် အနှုတ်ကိန်းများလည်း ဖြစ်နိုင်ပြီး၊ ဤအခြေအနေတွင် element များသည် တစ်ခုပေါ်တစ်ခု ထပ်နေနိုင်သည်။ ကိုဩဒိနိတ်များ တွက်ချက်မှုကို position ဂုဏ်သတ္တိဖြင့် သတ်မှတ်ပြီး ၎င်းသည် ပုံမှန်အားဖြင့် relative (အနီးအနားနေရာ) သို့မဟုတ် absolute (အပြည့်အဝနေရာ) တန်ဖိုးကို ယူဆောင်လေ့ရှိသည်။
ဖွဲ့စည်းပုံ
ရွေးချယ်မှု {
right: အတိုင်းအတာ သို့မဟုတ် auto;
}
ဥပမာ
ကလေး element ပေါ်သို့ mouse ရွှေ့သွားသောအခါ ၎င်း၏ညာဘက်နယ်နိမိတ်နေရာကို 25px နှင့် ညီမျှအောင် သတ်မှတ်ကြပါစို့။
<div id="elem">
<p></p>
</div>
#elem {
width: 400px;
height: 300px;
border: 1px solid black;
}
p {
position: relative;
width: 100px;
height: 100px;
border: 1px solid red;
margin-left: 50px;
}
p:hover {
right: 25px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
ဥပမာ
ယခုအခါ mouse ရွှေ့သွားသောအခါ ကလေး element ၏ ညာဘက်နယ်နိမိတ်သည် -50px တွင် တည်ရှိပါစေ။
<div id="elem">
<p></p>
</div>
#elem {
width: 400px;
height: 300px;
border: 1px solid black;
}
p {
position: relative;
width: 100px;
height: 100px;
border: 1px solid red;
margin-left: 50px;
}
p:hover {
right: -50px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
ဤအကြောင်းကိုလည်း ကြည့်ပါ
-
bottomဂုဏ်သတ္တိ၊
သည်မှာ element ၏အောက်ဆုံးအစွန်းနေရာကို သတ်မှတ်ပေးသည် -
topဂုဏ်သတ္တိ၊
သည်မှာ element ၏အပေါ်ဆုံးအစွန်းနေရာကို သတ်မှတ်ပေးသည် -
leftဂုဏ်သတ္တိ၊
သည်မှာ element ၏ဘယ်ဘက်အစွန်းနေရာကို သတ်မှတ်ပေးသည် -
ဆိုဖုံးဒြပ်စင်
::backdrop၊
သည်မှာ ပထမ element နောက်တွင်ရှိသော တည်နေရာကို သတ်မှတ်ပေးသည်