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>

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