cssText property

cssText property သည် CSS စတိုင်များကို အစုလိုက် တစ်ကြောင်းတည်းဖြင့် သတ်မှတ်ခွင့်ပြုပါသည်။ ဤသို့ပြုလုပ်သောအခါ style attribute ၏ အကြောင်းအရာအားလုံးကို အစားထိုးပြန်ရေးလိုက်ပါသည်။

Syntax

javascriptelement.style.cssText = 'property 1: value; property 2: value...'

ဥပမာ

element တစ်ခုကို စတိုင်အချို့ သတ်မှတ်ကြပါစို့။

html<p id="elem"></p>
javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';

ဥပမာ

ဤဥပမာတွင် element သည် ကနဦး style attribute အတွင်းတွင် စတိုင်များရှိပြီးသားဖြစ်သော်လည်း cssText property က ၎င်းကို အစားထိုးပြန်ရေးသွားမည်ဖြစ်သည်။

html<p id="elem" style="background: red;"></p>
javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';

ဥပမာ

ယခင်စတိုင်များ မပျောက်ပျက်စေရန် ဤကဲ့သို့ပြုလုပ်နိုင်ပါသည်။

html<p id="elem" style="background: green;"></p>
javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';

ဆက်လက်ဖတ်ရှုရန်

  • getComputedStyle method,
    သည် element ၏ CSS property တန်ဖိုးကို ရယူပေးသည်။