Shpaketimi i Vlerave të Vetive CSS në JavaScript

Gjatë leximit të atributit style vetitë e shkurtuara CSS shpakohen në vetitë e tyre të plota. Le të shohim çfarë nënkuptohet. Le të themi se kemi caktuar një hapësirë për të gjitha anët:

javascriptelem.style.margin = '20px';

Le ta shfaqim atë:

javascriptconsole.log(elem.style.margin); // do të shfaqë '20px';

Në të njëjtën kohë, leximi i vetive për anët individuale gjithashtu do të jetë i mundshëm:

javascriptconsole.log(elem.style.marginLeft); // do të shfaqë '20px';
Задание 1

Jepet një div:

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

Jepet gjithashtu një buton. Me klikim në buton shfaqni trashësinë e kufirit, llojin e tij dhe ngjyrën.