ပုံစံ cssFloat Property
ဥပမာ
ခလုတ်နှစ်ခုကို နှိပ်လိုက်သောအခါတွင် ရုပ်ပုံတစ်ပုံကို စာသား၏ ဘယ်/ညာသို့ လွင့်ပါပါစေ။
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
cssFloat ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ အလျားလိုက် ညှိခြင်းကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်။
မှတ်ချက်- CSS "float" ပိုင်ဆိုင်မှုကို JavaScript တွင် "cssFloat" ဟုခေါ်သည်၊ အကြောင်းမှာ "float" သည် JavaScript တွင် သီးသန့်စကားလုံးဖြစ်သောကြောင့် ဖြစ်သည်။
မှတ်ချက်- ရေပေါ်ဒြပ်စင်အတွက် မျဉ်းတစ်ကြောင်းတွင် နေရာအလွန်နည်းပါက၊ ၎င်းသည် နေရာအလုံအလောက်ရှိသည့် နောက်တစ်ကြောင်းသို့ ခုန်ဆင်းသွားမည်ဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
အထားအသို
cssFloat ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.cssFloat
cssFloat ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.cssFloat = "left|right|none|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မရှိ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ အလျားလိုက် ချိန်ညှိမှုကို ကိုယ်စားပြုသော စာတန်း |
DOM ဗားရှင်း | DOM အဆင့် ၂ |
နောက်ထပ် ဥပမာများ
ဥပမာ
DIV ဒြပ်စင်တစ်ခု၏ cssFloat ပိုင်ဆိုင်မှုကို ပြောင်းပါ-
document.getElementById("myDIV").style.cssFloat = "left";
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Float
❮ စတိုင်အရာဝတ္ထု