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>

ボタンもあります。ボタンをクリックしたら、ボーダーの太さ、種類、色を出力してください。