Unpacking Nilai Properti CSS dalam JavaScript

Saat membaca atribut style, properti CSS yang disingkat di-unpack ke dalam properti lengkapnya. Mari kita lihat apa maksudnya. Misalkan kita memiliki padding yang ditetapkan untuk semua sisi:

javascriptelem.style.margin = '20px';

Mari kita output:

javascriptconsole.log(elem.style.margin); // akan mengoutput '20px';

Sementara itu, pembacaan properti untuk sisi tertentu juga akan tersedia:

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

Diberikan sebuah div:

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

Diberikan juga sebuah tombol. Pada klik tombol outputkan ketebalan border, tipenya, dan warnanya.