Αποσυσκευασία τιμών CSS ιδιοτήτων σε JavaScript

Κατά την ανάγνωση του χαρακτηριστικού style οι συντετυμμένες CSS ιδιότητες αποσυσκευάζονται στις πλήρεις τους μορφές. Ας δούμε τι εννοείται. Ας υποθέσουμε ότι έχουμε ορίσει περιθώριο για όλες τις πλευρές:

elem.style.margin = '20px';

Ας το εκτυπώσουμε:

console.log(elem.style.margin); // θα εκτυπώσει '20px';

Σε αυτήν την περίπτωση, η ανάγνωση ιδιοτήτων για μεμονωμένες πλευρές θα είναι επίσης διαθέσιμη:

console.log(elem.style.marginLeft); // θα εκτυπώσει '20px';

Δίνεται ένα div:

<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
	κείμενο
</div>

Δίνεται επίσης ένα κουμπί. Με κλικ στο κουμπί εκτυπώστε το πάχος του περιγράμματος, τον τύπο του και το χρώμα.