CSS বৈশিষ্ট্যের মানগুলির আনপ্যাকিং JavaScript-এ

style অ্যাট্রিবিউট পড়ার সময় সংক্ষিপ্ত CSS বৈশিষ্ট্যগুলি তাদের সম্পূর্ণ বৈশিষ্ট্যে অনপ্যাক করা হয়। আসুন দেখি这是什么意思। ধরা যাক আমাদের জন্য সমস্ত দিকে একটি প্রান্তিককরণ সেট করা আছে:

javascriptelem.style.margin = '20px';

এটি আউটপুট করা যাক:

javascriptconsole.log(elem.style.margin); // আউটপুট দেবে '20px';

একই সময়ে, পৃথক দিকগুলির জন্য বৈশিষ্ট্য পড়াও উপলব্ধ হবে:

javascriptconsole.log(elem.style.marginLeft); // আউটপুট দেবে '20px';
Задание 1

একটি div দেওয়া আছে:

html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
  text
</div>

একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করলে সীমানার বেধ, এর ধরন এবং রং আউটপুট করুন।