CSS svojstva raspakivanje vrednosti u JavaScriptu

Prilikom čitanja atributa style skraćena CSS svojstva se raspakuju u svoja puna svojstva. Hajde da pogledamo šta se podrazumeva. Neka nam je zadat margin za sve strane:

javascriptelem.style.margin = '20px';

Ispišimo ga:

javascriptconsole.log(elem.style.margin); // ispisaće '20px';

Pritom će čitanje svojstava za pojedinačne strane takođe biti dostupno:

javascriptconsole.log(elem.style.marginLeft); // ispisaće '20px';
Задание 1

Dat je div:

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

Data je i dugme. Klikom na dugme ispisite debljinu granice, njen tip i boju.