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:
elem.style.margin = '20px';
Le ta shfaqim atë:
console.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:
console.log(elem.style.marginLeft); // do të shfaqë '20px';
Jepet një div:
<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.