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;">
	text
</div>

მოცემულია აგრეთვე ღილაკი. ღილაკზე დაწკაპუნებით გამოიტანეთ საზღვრის სისქე, მისი ტიპი და ფერი.