cssText প্রপার্টি
cssText প্রপার্টি
CSS স্টাইল একসাথে এক লাইনে সেট করতে দেয়। এই
ক্ষেত্রে style অ্যাট্রিবিউটের
সমস্ত বিষয়বস্তু পুনরায় লিখে দেওয়া হয়।
সিনট্যাক্স
element.style.cssText = 'property 1: value; property 2: value...'
উদাহরণ
চলুন একটি এলিমেন্টে বেশ কয়েকটি স্টাইল সেট করি:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
উদাহরণ
এই উদাহরণে, এলিমেন্টের শুরুতে ইতিমধ্যেই
style অ্যাট্রিবিউটে
স্টাইল থাকবে, কিন্তু cssText প্রপার্টি এটি পুনরায় লিখে দেবে:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
উদাহরণ
যাতে পূর্ববর্তী স্টাইলগুলি পুনরায় লিখে না যায়, এটি এভাবে করা যেতে পারে:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
আরও দেখুন
-
getComputedStyleমেথড,
যা এলিমেন্টের CSS প্রপার্টির মান পায়
