Uitpakking van CSS Eienskapwaardes in JavaScript

Wanneer die style attribuut gelees word, word verkorte CSS eienskappe uitgepak in hul volwaardige eienskappe. Kom ons kyk wat daarmee bedoel word. Gestel ons het 'n spasie vir alle kante ingestel:

javascriptelem.style.margin = '20px';

Laat ons dit uitskryf:

javascriptconsole.log(elem.style.margin); // sal '20px' uitskryf;

Terselfdertyd sal die lees van eienskappe vir individuele kante ook beskikbaar wees:

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

Gegee 'n div:

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

'n Knoppie is ook gegee. Met 'n klik op die knoppie, skryf die dikte van die rand, die tipe daarvan en die kleur uit.