CSS xasslərinin qiymətlərinin JavaScript-də açılması

style atributu oxunarkən qısaldılmış CSS xassələri öz tam xassələrinə açılır. Gəlin nəyi nəzərdə tutduğunu görək. Tutaq ki, bizim bütün tərəflər üçün boşluq təyin olunub:

javascriptelem.style.margin = '20px';

Onu çıxaraq:

javascriptconsole.log(elem.style.margin); // '20px' çıxardacaq;

Eyni zamanda ayrı-ayrı tərəflər üçün xassələrin oxunması da mümkün olacaq:

javascriptconsole.log(elem.style.marginLeft); // '20px' çıxardacaq;
Задание 1

Div verilib:

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

Bir düymə də verilib. Düyməyə kliklədikdə çərçivənin qalınlığını, onun növünü və rəngini çıxardın.