Style cssFloat အကိုးအကား

အသုံးပြုနည်း/အပြုအမူ

cssFloat အခြေခံ အကိုးအကား ကို သတ်မှတ်ပါ၍ အရာ/အစိတ် ကို အကိုင်းအချိန် ပြုပါ:

အကြိတ်CSS "float" အကိုးအကား သည် JavaScript တွင် "cssFloat" ဟု ခေါ်ဆိုသည် ကိုးလည်းသာ ဖြစ်သည်။

အစွပ်စွဲတစ်ကြိမ်တန်း အရာအုပ် ပျံ့နှံ့လာသည် အရာအုပ် အရွယ် အတော်လေး မရှိဘဲ ဖြစ်လာပါက တစ်လှည့်တစ်ခါ အရွယ် အတော်များကြား အရာအုပ် ပျံ့နှံ့လာပါ:

ကျမ်းကြည့်:

CSS အခြေခံCSS ဝင်ခြင်

အမှတ်အသား

အမှတ် 1

အချက် နှစ်ခု သွပ်ဝပ်ချိန် အရာ/အစိတ် ပြုအပ်အပ်သည် အခြေခံ အရာ အရှေ့ဘက်/အနောက်ဘက် သို့ ပျံ့နှံ့လာပါ:

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

ကျင်းပလုပ်ပါ

အမှတ် 2

ပြုအပ်အပ် DIV အရာအုပ် အခြေခံ အကိုးအကား:

document.getElementById("myDIV").style.cssFloat = "left";

ကျင်းပလုပ်ပါ

ပုံစံ

အခြေခံ အကိုးအကား ကို ကွပ်ကဲပါ:

object.style.cssFloat

အခြေခံ အကိုးအကား ကို သတ်မှတ်ပါ:

object.style.cssFloat = "left|right|none|initial|inherit"

အခြေခံအကိုးအကား

အရာ ဖော်ပြ
none အရာ/အစိတ် ပြုအပ်အပ်သည် အခြေခံ ဖြစ်၍ မပျံ့နှံ့လာ:
left အရာ/အစိတ် ပြုအပ်အပ်သည် အဖိုင်အရာ တွင် အနောက်ဘက် သို့ ပျံ့နှံ့လာပါ:
right အရာ/အစိတ် ပြုအပ်အပ်သည် အဖိုင်အရာ တွင် အရှေ့ဘက် သို့ ပျံ့နှံ့လာပါ:
initial အခြေခံအကိုးအကား ကို အခြေခံအကိုးအကား အား သတ်မှတ်ပါ။ ကျမ်းကို ကြည့်ပါ: initial
inherit ဖြစ်ပါတယ် အဖိုင်အရာမှ အခြေခံသည့် အကိုးအကား မှ အခြေခံသည့် အကိုးအကား ကို ရယူပါ။ ကျမ်းကို ကြည့်ပါ: inherit

နည်းပါးစွမ်း

မည်သည့်အရာ: မရှိ
အဖြေအရေး: ကိုယ်စား အစားထိုး အကြောင်းအရာ
DOM အဆင်း DOM Level 2

ဘာသာစကား ထောက်ပံ့

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့