CSS თვისებების მნიშვნელობების გაშლა JavaScript-ში

style ატრიბუტის წაკითხვისას CSS-ის შემოკლებული თვისებები იშლება მათ სრულ თვისებებში. ვნახოთ, რას გულისხმობენ. დავუშვათ, ჩვენ გვაქვს მინდვრა ყველა მხარეს:

javascriptelem.style.margin = '20px';

გამოვიტანოთ ის:

javascriptconsole.log(elem.style.margin); // გამოიტანს '20px';

ამ შემთხვევაში ცალკეული მხარების თვისებების წაკითხვაც იქნება ხელმისაწვდომი:

javascriptconsole.log(elem.style.marginLeft); // გამოიტანს '20px';

Задание 1

მოცემულია div:

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

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