JavaScript တွင် အစုလိုက် Style များ သတ်မှတ်ခြင်း

style များစွာကို ညီတူညီမျှ တစ်ကြိမ်တည်း သတ်မှတ်နိုင်ပါသည်။ ထိုသို့ပြုလုပ်ရန် cssText property ကို အသုံးပြုပါမည်။

elem.style.cssText = `
	width: 100px;
	height: 100px;
	display: block;
`;

ဤ property ကို အသုံးပြုခြင်း ရှားပါးပါသည်။ အဘယ့်ကြောင့်ဆိုသော် ထိုသို့တန်ဖိုးထည့်သွင်းခြင်းသည် ရှိပြီးသော style အားလုံးကို ဖျက်ပစ်လိုက်သောကြောင့်ဖြစ်သည်။ ထို့ကြောင့် ၎င်းသည် style များကို ပေါင်းထည့်ခြင်း မဟုတ်ဘဲ အစားထိုးခြင်းသာ ဖြစ်သည်။ လိုအပ်သောအရာများကို မတော်တဆ ဖျက်မိခြင်း ဖြစ်နိုင်ပါသည်။ သို့သော် ဥပမာအားဖြင့် element အသစ်များအတွက် ၎င်းကို အသုံးပြုနိုင်ပါသည်။ ထိုသို့သောအခါ ကျွန်ုပ်တို့သည် ရှိပြီးသော style ကို မည်သည့်အခါမျှ ဖျက်ပစ်မည် မဟုတ်ကြောင်း သေချာစွာ သိရှိထားပါသည်။

သင်ယူထားသော property ဖြင့် ကုဒ်ကို ပြန်ရေးပါ။

elem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';